@charset "UTF-8"; 

.tips-buy-course .mod-course-banner_row:before, .imgtext-course .text-tt:before,
	.tips-buy-course .mod-course-banner_row:after, .imgtext-course .text-tt:after
	{
	content: "";
	display: table
}

.tips-buy-course .mod-course-banner_row:after, .imgtext-course .text-tt:after
	{
	clear: both
}

.course-class--three .class-tt-list .item-name, .mod-choose-time_v2 .mod-choose-time__time,
	.tips-buy-course .mod-course-banner__title, .package-dialog .pkg-info-agency,
	.package-dialog .pkg-info-title, #js_feed_list .bm-menu-more .bm-menu-info-top,
	#js_con_et_course .bm-menu-more .bm-menu-info-top, #js_instalment_list .bm-menu-more .bm-menu-info-top,
	#js_feed_list .bm-menu-more .bm-menu-info-bottom, #js_con_et_course .bm-menu-more .bm-menu-info-bottom,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom, #fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-top a,
	#fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-bottom, .task-task-list .task-task-item .task-tt-text,
	.course-class-task .drop-down--class .drop-down-tt, .learn-plan-item .plan-hd .hd-tt,
	.learn-history-item .last-learn .last-learn-tt, .service-dialog .service-dialog-list .service-dialog-item .service-item-info h3,
	.service-item-main h4, .serve-tit, .serve-state, .serve-title,
	.serve-ag, .row-plan .col-1 .teacher, .row-plan .col-1 .qun-icon,
	.row-plan .col-1 .cycle-info .cycle-info-text, .mycourse-remind .mycourse-remind-title-name,
	.coupon-list .coupon-item-info p, .coupon-list .coupon-item-info-course,
	.coupon-list .coupon-item-info-agency-link {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.task-task-list .task-task-item .icon-playback:before,
	.index-manager-hovertips:before, .index-manager-hovertips:after {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden
}

.imgtext-course .btn-more {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	border: 0;
	user-select: none
}

.imgtext-course .btn-more {
	background-color: #188eee;
	color: #fff
}

.imgtext-course .btn-more:hover {
	background-color: #147de2
}

.imgtext-course .btn-more:active {
	background-color: #1774c9
}

.datepicker {
	display: none;
	position: absolute;
	z-index: 200;
	margin-left: -1px;
	border: 1px solid #afafaf;
	width: 249px;
	height: 272px;
	overflow: hidden;
	background: #fff;
	font-size: 14px
}

.datepicker-days {
	position: relative;
	width: 238px;
	height: 268px;
	margin: 7px auto 1px
}

.datepicker-days table {
	position: relative;
	z-index: 10
}

.datepicker-days .datepicker-days-bg {
	position: absolute;
	right: -2px;
	bottom: -10px;
	font-size: 160px;
	line-height: 1;
	z-index: 9;
	opacity: .1;
	filter: alpha(opacity = 10)
}

.datepicker-days th {
	text-align: center;
	width: 34px;
	height: 24px;
	line-height: 24px;
	color: #333
}

.datepicker-days .switch {
	width: 165px;
	font-weight: bolder
}

.datepicker-days td {
	text-align: center;
	width: 34px;
	height: 34px;
	line-height: 34px;
	color: #333
}

.datepicker-days .prev b, .datepicker-days .next b, .datepicker-days .lastYear b,
	.datepicker-days .nextYear b {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.datepicker-days .prev i, .datepicker-days .next i, .datepicker-days .lastYear i,
	.datepicker-days .nextYear i {
	position: absolute;
	top: -13px;
	font-size: 40px;
	line-height: 1;
	color: #999;
	cursor: pointer
}

.datepicker-days .prev i, .datepicker-days .lastYear i {
	left: 10px
}

.datepicker-days .next i, .datepicker-days .nextYear i {
	right: 10px
}

.datepicker-days .lastYear i, .datepicker-days .nextYear i {
	font-size: 30px;
	top: -6px
}

.datepicker-days .prev:hover i, .datepicker-days .next:hover i,
	.datepicker-days .lastYear:hover i, .datepicker-days .nextYear:hover i
	{
	color: #68b30f
}

.datepicker-days .prev.disabled i, .datepicker-days .next.disabled i,
	.datepicker-days .lastYear.disabled i, .datepicker-days .nextYear.disabled i
	{
	color: #a0a0a0
}

.datepicker-days th.dow {
	border-bottom: 1px solid #e3e3e3;
	height: 34px;
	line-height: 34px
}

.datepicker-days th.dow0, .datepicker-days th.dow6 {
	color: #e75407
}

.datepicker-days td.old, .datepicker-days td.new {
	visibility: hidden
}

.datepicker-days .day {
	cursor: pointer
}

.datepicker-days .disabled {
	color: #a0a0a0;
	cursor: default
}

.datepicker-days .day:hover {
	color: #fff;
	background: #68b30f
}

.datepicker-days .disabled:hover {
	color: #a0a0a0;
	background: 0 0
}

.datepicker-days .active, .datepicker-days .active:hover {
	color: #fff;
	background: #68b30f
}

.datepicker-days .tr-view div {
	position: relative;
	width: 100%;
	height: 100%
}

.datepicker-days .tr-view .day-today {
	font-size: 12px
}

.datepicker-days .tr-view div i {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 10;
	overflow: hidden;
	color: #333
}

.datepicker-days .tr-view .pass i, .datepicker-days .tr-view .not_allow i
	{
	color: #a0a0a0
}

.datepicker-days .tr-view div b, .datepicker-days .tr-view div u {
	width: 17px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 5px;
	background: #68b30f;
	display: none
}

.datepicker-days .tr-view div u {
	left: auto;
	right: 0
}

.datepicker-days .tr-view .active {
	background: 0 0;
	color: #333
}

.datepicker-days .tr-view .date-view i {
	background: #68b30f;
	color: #fff
}

.datepicker-days .tr-view .view-day-e b, .datepicker-days .tr-view .view-day-m b,
	.datepicker-days .tr-view .view-day-m u, .datepicker-days .tr-view .view-day-b u
	{
	display: block
}

.icon-class-over, .icon-class-full, .icon-class-past,
	.icon-class-applyed {
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/c-sprite_1c712c3.png#unsprite)
		no-repeat;
	width: 93px;
	height: 65px;
	position: absolute;
	bottom: 0;
	right: 0
}

.icon-class-over {
	background-position: 0 -50px
}

.icon-class-past {
	background-position: -100px -50px
}

.icon-class-full {
	background-position: -200px -50px
}

.icon-class-applyed {
	background-position: -300px -50px
}

.class-tt-list-wrap {
	position: relative;
	overflow: hidden
}

.class-tt-list-wrap .class-more {
	position: absolute;
	right: 0;
	line-height: 35px;
	top: 0;
	background: #fff;
	padding-left: 10px;
	display: none;
	cursor: pointer;
	color: #039ae3
}

.class-tt-list-wrap .class-more .i-v-left {
	display: none
}

.class-tt-list-wrap .class-more.class-more--left .i-v-left {
	display: inline-block
}

.class-tt-list-wrap .class-more.class-more--left .i-v-right {
	display: none
}

.course-class--more .class-tt-list {
	width: 1400px
}

.course-class--more .class-tt-list-wrap {
	padding-right: 100px
}

.course-class--more .class-more {
	display: block
}

.course-class.course-class--one .class-tt-list {
	display: none
}

.course-class.course-class--one .class-content {
	border-top: 1px solid #e5e5e5
}

.course-class.course-class--one .class-content .hidden-clip {
	clip: inherit;
	top: -20px;
	font-size: 16px;
	background: #fff;
	line-height: 35px;
	padding: 0 5px
}

.course-class .class-tt-list {
	height: 35px;
	border-bottom: 1px solid #e5e5e5
}

.course-class .class-tt-list .flag-orange {
	padding: 1px;
	vertical-align: 2px;
	margin-left: 5px;
	width: 28px;
	box-sizing: border-box
}

.course-class .class-tt-list li {
	float: left;
	padding: 0 14px;
	line-height: 35px;
	font-size: 16px;
	background: #fff;
	cursor: pointer;
	color: #666;
	box-sizing: border-box;
	position: relative
}

.course-class .class-tt-list li.active, .course-class .class-tt-list li:hover
	{
	color: #039ae3
}

.course-class .class-tt-list li.active {
	border: 1px solid #e5e5e5;
	border-bottom: 0
}

.course-class .class-tt-list li.tt-instalment:after {
	content: "分期";
	font-size: 12px;
	color: #e85308;
	line-height: 1;
	border: 1px solid #e85308;
	border-radius: 4px;
	margin-left: 4px;
	padding: 0 2px
}

.course-class .class-content {
	display: none;
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding: 5px 15px 6px;
	position: relative
}

.course-class .class-content.active {
	display: block
}

.course-class .class-content .price {
	position: absolute;
	left: 10px;
	font-size: 22px;
	bottom: -16px;
	background: #fff;
	padding: 0 5px
}

.course-class .class-content .class-date {
	line-height: 2.5
}

.course-class--three .class-tt-list .flag-orange {
	position: absolute;
	top: 10px;
	right: 12px
}

.course-class--three .class-tt-list li.item--xiaoban {
	padding-right: 45px
}

.course-class--three .class-tt-list li.item--xiaoban .item-name {
	max-width: 117px
}

.course-class--three .class-tt-list .item-name {
	float: left;
	max-width: 148px
}

@media only screen and (max-width:1199px) {
	.course-class--three .class-tt-list .flag-orange {
		right: 6px
	}
	.course-class--three .class-tt-list li {
		padding: 0 9px
	}
	.course-class--three .class-tt-list li .item-name {
		max-width: 133px
	}
	.course-class--three .class-tt-list li.item--xiaoban {
		padding-right: 38px
	}
	.course-class--three .class-tt-list li.item--xiaoban .item-name {
		max-width: 103px
	}
}

.mod-choose-time {
	z-index: 999999;
	position: absolute;
	width: 425px
}

.mod-choose-time .icon-triangle {
	position: absolute;
	top: -10px;
	right: 105px
}

.mod-choose-time ul {
	max-height: 123px;
	height: auto !important;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.mod-choose-time .mod-choose-time__li {
	cursor: pointer;
	padding-left: 20px;
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #333;
	border: 1px solid #e5e5e5;
	margin-bottom: -1px
}

.mod-choose-time .mod-choose-time__li:hover {
	background: #EFF1F3
}

.mod-choose-time .mod-choose-time__li .icon-corner-selected {
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current {
	z-index: 2;
	border-color: #5fb41b
}

.mod-choose-time .mod-choose-time__li.mod-choose-time__li_current .icon-corner-selected
	{
	display: block
}

.mod-choose-time .mod-choose-time__time {
	position: absolute;
	right: 10px;
	top: 0;
	color: #999
}

.mod-choose-time .mod-choose-time_pop {
	max-width: 440px;
	width: auto !important;
	display: none
}

.mod-choose-time .mod-choose-time_pop ul {
	_position: relative;
	max-height: 410px;
	height: auto !important;
	overflow-y: auto
}

.mod-choose-time_v2 {
	width: 480px
}

.mod-choose-time_v2 .mod-choose-time__tab {
	font-size: 0;
	z-index: 2
}

.mod-choose-time_v2 .mod-choose-time__tab-item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	background-color: #F9F9F9;
	border: 1px solid #DDD;
	border-bottom: 0;
	margin-left: -1px;
	z-index: 1
}

.mod-choose-time_v2 .mod-choose-time__tab-item.mod-choose-time__tab-item_first
	{
	margin-left: 0
}

.mod-choose-time_v2 .mod-choose-time__tab-item i {
	display: none
}

.mod-choose-time_v2 .mod-choose-time__tab-item:hover {
	background: #fff
}

.mod-choose-time_v2 .mod-choose-time__tab-item_current {
	overflow: hidden;
	z-index: 2;
	border: 1px solid #68B30F;
	background: #fff;
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-bottom: 0
}

.mod-choose-time_v2 .mod-choose-time__tab-item_current i {
	display: block;
	_display: none;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: -26px;
	overflow: hidden;
	border: 16px solid transparent;
	border-top-color: #68b30f
}

.mod-choose-time_v2 .mod-choose-time__tab-item_current:hover {
	border-bottom-color: #fff
}

.mod-choose-time_v2 .mod-choose-time__tab-item_default {
	overflow: hidden;
	z-index: 2;
	border: 1px solid #ddd;
	background: #fff;
	margin-bottom: -1px;
	padding-bottom: 1px;
	border-bottom: 0
}

.mod-choose-time_v2 .mod-choose-time__tab-item_default i {
	display: none
}

.mod-choose-time_v2 .mod-choose-time__tab-link {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #333
}

.mod-choose-time_v2 .mod-choose-time__content {
	width: 100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ddd;
	z-index: 1;
	background: #fff;
	color: #333;
	cursor: pointer;
	box-sizing: border-box
}

.mod-choose-time_v2 .mod-choose-time__content_selected {
	border-color: #68B30F;
	overflow: hidden
}

.mod-choose-time_v2 .mod-choose-time__content_selected i {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: -26px;
	overflow: hidden;
	border: 16px solid transparent;
	border-top-color: #68b30f
}

.mod-choose-time_v2 .mod-choose-time__time {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px 0 18px;
	max-width: 445px;
	_width: 445px;
	height: 30px;
	line-height: 30px
}

.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item {
	border: 1px solid #DDD
}

.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item:hover
	{
	border: 1px solid #68B30F
}

.mod-choose-time_v2.mod-choose-time_simple .mod-choose-time__tab-item_current
	{
	border: 1px solid #68B30F;
	margin-bottom: 0
}

.mod-choose-time_v2.mod-choose-time_pop {
	width: 393px
}

.mod-choose-time_v2.mod-choose-time_pop .mod-choose-time__content {
	width: 393px
}

.mod-choose-time_v2.mod-choose-time_pop .mod-choose-time__time {
	width: 358px
}

.mod-choose-time_v2 .hide {
	display: none
}

.remindt {
	width: 500px;
	margin-left: -250px
}

.alert-tips .part-left {
	margin-right: 120px;
	min-height: 230px
}

.alert-tips .part-right {
	width: 128px;
	height: 162px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 0;
	padding-bottom: 3px
}

.alert-tips .part-right .qrcode-bg {
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/apply-succ-app_ffb2cec.png)
		no-repeat
}

.alert-tips .part-right .qrcode-title {
	font-size: 12px;
	text-align: center;
	color: #000;
	line-height: 18px
}

.alert-tips .remindt-header {
	margin: 0 0 20px 56px
}

.alert-tips .ipt {
	margin-left: 10px;
	padding-left: 4px;
	width: 174px;
	font-size: 14px;
	color: #666;
	border: 1px solid #dedede
}

.alert-tips .ipt:-ms-input-placeholder {
	color: #a6a6a6
}

.alert-tips .note-msg {
	margin-bottom: 20px
}

.alert-tips .form-item-input-error {
	border: 1px solid #e16333
}

.alert-tips .part-content {
	margin-bottom: 10px;
	white-space: normal;
	word-break: break-all;
	line-height: 20px;
	color: #666;
	width: 280px
}

.alert-tips .part-row {
	margin-bottom: 15px
}

.alert-tips .part-row label {
	width: 32px;
	float: left;
	display: block
}

.alert-tips .part-row-desc {
	font-size: 12px;
	line-height: 20px
}

.alert-tips .part-row-cont {
	margin-left: 18px;
	min-width: 160px;
	display: inline-block
}

.alert-tips .part-list {
	color: #666
}

.alert-tips .part-action {
	margin-left: 5px;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.alert-tips .i-group {
	color: #666;
	font-size: 18px
}

.alert-tips .part-title {
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 30px;
	color: #202020;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	word-break: break-all
}

.alert-tips .part-link {
	position: absolute;
	bottom: -48px;
	right: 124px;
	font-size: 12px
}

.alert-tips .part-form {
	height: 0;
	overflow: hidden;
	transition: height .2s;
	color: #666
}

.alert-tips .part-form-expand {
	height: 255px
}

.alert-tips .part-tips {
	height: 30px;
	line-height: 30px
}

.alert-tips .part-action-clear {
	margin-left: 10px;
	font-size: 12px;
	cursor: pointer
}

.alert-tips .icon-msg-large {
	position: absolute;
	top: 43px;
	left: 40px;
	width: 36px;
	height: 36px
}

.alert-tips .mrl22 {
	margin-left: 66px;
	margin-right: 0;
	position: relative
}

.alert-tips .error-tip-hidden {
	display: none
}

.alert-tips .error-tip span {
	padding-left: 25px
}

.alert-tips .error-tip span i {
	left: 5px
}

.alert-tips .er-code-for-public-account-on-mobile {
	width: 114px;
	height: 114px;
	display: block;
	margin-bottom: 11px
}

.alert-tips .btn-weak {
	color: #666
}

.alert-tips .part-info-submit {
	margin-left: 42px;
	width: auto;
	height: 36px;
	line-height: 36px;
	padding: 0 26px;
	font-size: 14px;
	border: 1px solid #e5e5e5
}

.alert-tips .part-content-desc {
	display: inline-block;
	margin-right: 10px
}

.alert-tips .part-content-desc .i-group {
	color: #999
}

.alert-tips .modal-ft {
	padding: 20px;
	text-align: right
}

.alert-tips .modal-ft .btn-default {
	line-height: 36px;
	width: 100px
}

.alert-tips .modal-ft .modal-ft-btn--link {
	padding-right: 20px
}

.ptab-title {
	font-size: 12px;
	margin-bottom: 10px
}

.ptab-title a {
	display: inline-block;
	width: 50%;
	text-align: center;
	border-bottom: 2px solid transparent;
	color: #333
}

.ptab-title a.active {
	border-bottom-color: #018bf1
}

.ptab-panel {
	height: 100px;
	margin-bottom: 5px;
	text-align: center
}

.pay-succ {
	width: 580px
}

.pay-succ .icon {
	top: 30px
}

.pay-succ .icon-msg-large {
	margin-top: 0
}

.pay-succ .mrl22 {
	margin: 0 20px 15px 90px
}

.pay-succ .tips-bd {
	padding: 40px 0 0;
	min-height: 160px;
	max-height: none;
	overflow: visible;
	*zoom: 1
}

.pay-succ .tips-bd .part {
	text-indent: 0
}

.pay-succ .modal-cancel {
	display: none
}

.pay-succ .app-ad {
	border-top: 1px solid #dbdbdb;
	padding: 22px 0 40px
}

.pay-succ .app-ad .icon-app {
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/icon-app_0a57f34.png)
		no-repeat;
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 96px;
	margin-right: 30px;
	position: relative
}

.pay-succ .app-ad .icon-app:after {
	content: "扫码下载";
	width: 100%;
	position: absolute;
	top: 80px;
	color: #666;
	text-align: center
}

.pay-succ .app-ad .ad-tt {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 8px
}

.pay-succ .app-ad .app-link {
	display: inline-block;
	vertical-align: middle;
	line-height: 36px;
	background: #fff;
	color: #039ae3;
	border: 1px solid #039ae3;
	width: 100px;
	text-align: center;
	border-radius: 2px
}

.pay-succ .app-ad .app-link:hover {
	background: #04bbf7;
	color: #fff
}

.pay-succ .tips-tool {
	display: none
}

.part-id-code .ipt {
	width: 74px;
	margin-left: 41px;
	float: left
}

.part-id-code .btn {
	width: 90px;
	height: 38px;
	line-height: 38px;
	margin-left: 10px
}

.mod-course-banner__price {
	color: #E85308;
	vertical-align: baseline
}

.mod-course-banner__price.mod-course-banner__price_free {
	color: #5FB41B
}

.tips-buy-course {
	width: 650px;
	margin-left: -325px
}

.tips-buy-course .tips-des {
	margin: 20px 0 15px
}

.tips-buy-course .tips-bd {
	max-height: 600px;
	height: auto !important;
	padding: 40px 40px 10px;
	overflow: visible
}

.tips-buy-course .mod-course-banner {
	width: 490px;
	height: 90px
}

.tips-buy-course .mod-course-banner__img {
	width: 90px;
	height: 50px;
	float: left
}

.tips-buy-course .mod-course-banner__content {
	position: relative;
	float: left;
	margin-left: 16px;
	width: 380px;
	min-height: 50px
}

.tips-buy-course .mod-course-banner__title {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	line-height: 1.5
}

.tips-buy-course .mod-course-banner__sep {
	margin: 0 10px;
	color: #C6C7C8;
	font-size: 12px
}

.tips-buy-course .pay-support {
	position: absolute;
	bottom: -50px;
	color: #999
}

.tips-buy-course .pay-protocol {
	position: absolute;
	bottom: -50px;
	font-size: 14px
}

.tips-buy-course .mod-course-banner__c-light {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.tips-buy-course .mod-choose-time {
	position: relative;
	width: 490px
}

.tips-buy-course .mod-choose-time_v2 {
	width: auto
}

.tips-buy-course .mod-choose-time__li {
	background: #FFF
}

.tips-buy-course .mod-choose-time__li:hover {
	background: #EFF1F3
}

.tips-buy-course .mod-choose-time__time {
	max-width: 434px;
	_width: 434px
}

.tips-buy-course .mod-course-banner__price {
	margin: -3px 6px 0 0;
	display: inline-block
}

.tips-buy-course .btn-default {
	width: 100px;
	height: 37px;
	line-height: 37px;
	font-size: 16px
}

.tips-buy-course .btn-weak {
	width: 100px;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	border: 1px solid #D9D9D9;
	background: #F3F3F3
}

.tips-buy-course .btn-weak:hover {
	background: #FDFDFD
}

.tips-buy-course .btn-weak:active {
	background: #EBEBEB
}

.tips-buy-course .course-class {
	margin-bottom: 18px
}

.tips-buy-course .mod-course-banner_row {
	width: 500px;
	margin-bottom: 18px
}

.tips-buy-course .mod-course-banner_tips {
	margin-top: -10px;
	color: #e85308
}

.tips-buy-course .privilege-checkbox {
	height: auto;
	line-height: 25px
}

.tips-buy-course .privilege-checkbox i {
	top: 3px
}

.tips-buy-course .mod-course-banner_col2 .i-alert {
	margin-right: 6px
}

.tips-buy-course .mod-course-banner_col1 {
	float: left;
	width: 60px;
	text-align: right
}

.tips-buy-course .mod-course-banner_col2 {
	float: right;
	width: 422px;
	color: #777
}

.tips-buy-course .raw-price {
	text-decoration: line-through
}

.tips-buy-course .raw-price-range {
	color: #999;
	padding-left: 10px
}

.tips-buy-course .mod-course-banner__price span {
	font-size: 14px
}

.tips-buy-course .mod-course-banner__price .fontsize-22 {
	font-size: 22px
}

.pay-succ .mrl22-ex {
	text-align: center;
	margin: 0 0 15px
}

.pay-succ .part-right-ex {
	position: relative;
	display: inline-block
}

.pay-succ .part-left-ex {
	margin-right: 0;
	min-height: 0
}

.pay-succ .icon-msg-large-ex {
	left: 200px
}

.cdkey-panel .form .f-item {
	margin-bottom: 10px
}

.cdkey-panel .form--h .f-field {
	margin-left: 0;
	overflow: hidden
}

.cdkey-panel .f-text {
	width: 300px
}

.cdkey-panel .cdkey-err-msg {
	display: inline-block;
	float: left;
	color: #e80808;
	line-height: 36px
}

.f-msg-panel .f-msg {
	margin-left: 0
}

.instalment-pay-dialog {
	width: 782px;
	margin-left: -426px;
	margin-top: -334px !important
}

.instalment-pay-dialog .tips-tool {
	display: none
}

.instalment-pay-dialog .tips-hd {
	height: 4px
}

.instalment-pay-dialog .tips-bd {
	padding: 0;
	max-height: none;
	height: 590px;
	overflow: hidden
}

.instalment-dialog {
	padding: 0 60px 40px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 560px;
	max-height: none
}

.instalment-title {
	position: relative;
	left: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #999
}

.instalment-rules-tips {
	position: relative;
	left: 525px;
	color: #437eba;
	cursor: pointer
}

.instalment-rules {
	background-color: #f2f4f5;
	color: #666;
	padding: 20px 0 20px 20px;
	margin-top: 10px;
	position: relative
}

.arrow {
	position: absolute;
	top: -16px;
	right: 50px;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #f2f4f5;
	border-left: 16px solid transparent;
	width: 0;
	height: 0
}

.rules-container {
	position: relative
}

.rules-container .instalment-rules {
	position: absolute;
	width: 100%;
	top: 100%;
	z-index: 1000
}

.instalment-pay-dialog .btn-primary:hover {
	background-color: #fe9455
}

li.instalment-item {
	height: 102px;
	margin-bottom: 20px
}

.installments-first-tip {
	color: #ea6533;
	font-size: 14px;
	line-height: 14px;
	padding-top: 5px
}

.col-right {
	margin-left: 128px;
	border-bottom: 1px #f0f0f0 solid;
	padding-bottom: 10px
}

.col-1 {
	float: left;
	width: 108px;
	line-height: 102px;
	text-align: left;
	padding-left: 20px;
	font-size: 16px
}

.col-2 {
	float: left;
	position: relative;
	top: 25px
}

.col-3 {
	float: right;
	text-align: right;
	position: relative;
	padding-right: 15px;
	top: 25px
}

.col-3 p {
	color: #999
}

.btn-paid {
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #999;
	display: inline-block;
	text-align: center
}

.btn-button {
	width: 100px;
	height: 30px;
	line-height: 30px
}

.instalment-price {
	color: #e85308
}

.instalment-pay-dialog .btn-close {
	font-size: 30px;
	color: #b9b9b9;
	top: -6px
}

.instalment-pay-dialog .btn-close:hover {
	color: #666
}

.tip-box {
	padding-left: 11px;
	line-height: 30px;
	background-color: #fffbe5;
	border: 1px solid #f7dcb1;
	color: #f09e3c;
	font-size: 14px;
	display: block;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}

.tip-box .tip-close {
	position: absolute;
	top: 7px;
	right: 7px;
	font-style: normal;
	font-size: 17px;
	line-height: 14px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tip-box .tip-more {
	margin: 4px 0 4px 6px
}

.tip-box .tip-page {
	position: absolute;
	bottom: 7px;
	right: 7px
}

.tip-box .tip-page div {
	float: left;
	width: 18px;
	border: 1px solid #ccc;
	margin-left: 5px;
	height: 18px;
	text-align: center;
	line-height: 17px;
	font-size: 18px;
	color: #ccc;
	cursor: pointer;
	background-color: #fff;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tip-box .tip-page div.tip-page-dis {
	background-color: #fffbe5
}

.tip-box .tip-normal {
	color: #666;
	padding-right: 5px
}

.tip-box .tip-strong {
	padding-right: 5px
}

.tip-box .tip-btn {
	color: #049ee4;
	cursor: pointer;
	padding-right: 5px
}

.package-dialog .pkg-info-img {
	position: absolute;
	left: 40px;
	top: 60px;
	width: 90px;
	height: 50px
}

.package-dialog .pay-protocol {
	position: absolute;
	bottom: 28px;
	left: 40px;
	font-size: 14px
}

.package-dialog .pkg-info-agency {
	color: #999;
	margin-left: 106px;
	display: block;
	margin-top: 2px
}

.package-dialog .pkg-info-title {
	margin-left: 106px;
	font-size: 18px;
	line-height: 1.5
}

.package-dialog .pkg-info-price {
	margin-top: 45px;
	margin-bottom: 0
}

.package-dialog .pkg-price {
	line-height: 34px;
	margin-bottom: 8px
}

.package-dialog .pkg-price span {
	vertical-align: middle
}

.package-dialog .pkg-price i {
	color: #777;
	margin-left: 25px;
	vertical-align: middle
}

.package-dialog .pkg-price i.free {
	color: #5fb41b;
	font-size: 22px
}

.package-dialog .pkg-price--pay i {
	color: #e85308;
	font-size: 22px
}

.package-dialog .pkg-price-tips {
	color: #999;
	margin-left: 20px
}

.package-dialog .pkg-discount {
	display: inline-block;
	vertical-align: middle;
	width: 55px;
	text-align: right
}

.package-dialog .pkg-dropdown {
	vertical-align: middle;
	display: inline-block;
	margin-left: 22px;
	margin-bottom: 10px
}

.agency-refund-steps {
	height: 80px;
	position: relative;
	display: inline-block
}

.agency-refund-steps-one {
	z-index: 1;
	display: inline-block;
	position: absolute
}

.agency-refund-steps-one-circle {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ccc
}

.agency-refund-steps-one-circle-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff
}

.agency-refund-steps-one-circle_active {
	background-color: #039ae3
}

.agency-refund-steps-one-title {
	line-height: 30px;
	color: #ccc;
	white-space: nowrap;
	text-align: center
}

.agency-refund-steps-one-title_active {
	color: inherit
}

.agency-refund-steps-line {
	z-index: 0;
	display: inline-block;
	height: 10px;
	width: 32%;
	background-color: #ccc;
	position: absolute;
	top: 25px;
	transform: translate(0, -50%)
}

.agency-refund-steps-line_active {
	background-color: #039ae3
}

.agency-refund-explanation {
	margin: 40px 0
}

.agency-refund-explanation tr td:first-child {
	text-align: right
}

.index-manager-hovertips {
	z-index: 5000 !important
}

.mod-choose-time {
	display: none
}

#js_con_signup .att-title, #js_con_et_course .att-title,
	#js_con_instalment .att-title {
	height: 58px
}

#js_con_signup .att-bar, #js_con_et_course .att-bar, #js_con_instalment .att-bar
	{
	padding: 0 20px
}

#js_con_signup .att-bar .att-bar-1, #js_con_et_course .att-bar .att-bar-1,
	#js_con_instalment .att-bar .att-bar-1 {
	margin-right: 400px
}

#js_con_signup .att-bar .att-bar-2, #js_con_et_course .att-bar .att-bar-2,
	#js_con_instalment .att-bar .att-bar-2 {
	margin-right: 60px
}

#js_con_signup .att-bar .att-bar-3, #js_con_et_course .att-bar .att-bar-3,
	#js_con_instalment .att-bar .att-bar-3 {
	margin-right: 115px
}

#js_con_signup .att-cont, #js_con_et_course .att-cont,
	#js_con_instalment .att-cont {
	min-height: 0
}

#js_con_signup .att-cont .att-bar, #js_con_et_course .att-cont .att-bar,
	#js_con_instalment .att-cont .att-bar {
	height: 36px;
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
	color: #999;
	font-size: 14px
}

#js_con_signup .att-cont .att-bar p, #js_con_et_course .att-cont .att-bar p,
	#js_con_instalment .att-cont .att-bar p {
	float: left;
	line-height: 35px
}

#js_instalment_list .bm-menu-cost {
	width: auto !important
}

#js_feed_list .package-list, #js_con_et_course .package-list,
	#js_instalment_list .package-list {
	background-color: #f3f3f3;
	margin: 0 20px
}

#js_feed_list .package-list .mod, #js_con_et_course .package-list .mod,
	#js_instalment_list .package-list .mod {
	padding-left: 0;
	border-bottom: 1px dashed #e1e1e1
}

#js_feed_list .package-list .bm-menu-imgparent, #js_con_et_course .package-list .bm-menu-imgparent,
	#js_instalment_list .package-list .bm-menu-imgparent {
	margin-left: 15px
}

#js_feed_list .package-list .bm-menu-info, #js_con_et_course .package-list .bm-menu-info,
	#js_instalment_list .package-list .bm-menu-info {
	padding-left: 117px
}

#js_feed_list .package-list.no-border, #js_con_et_course .package-list.no-border,
	#js_instalment_list .package-list.no-border {
	border: 0
}

#js_feed_list .package-list.hide, #js_con_et_course .package-list.hide,
	#js_instalment_list .package-list.hide {
	display: none
}

#js_feed_list .pkg-new-course, #js_con_et_course .pkg-new-course,
	#js_instalment_list .pkg-new-course {
	display: inline-block;
	width: 50px;
	height: 15px;
	background-image:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/pkg-accept_b6cefb4.png);
	margin-left: 8px
}

#js_feed_list .price, #js_con_et_course .price, #js_instalment_list .price
	{
	color: #666
}

#js_feed_list .price.free, #js_con_et_course .price.free,
	#js_instalment_list .price.free {
	color: #5FB41B
}

#js_feed_list .mod, #js_con_et_course .mod, #js_instalment_list .mod {
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	overflow: visible;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-top: 13px
}

#js_feed_list .mod:hover, #js_con_et_course .mod:hover,
	#js_instalment_list .mod:hover {
	background: #eee
}

#js_feed_list .mod.no-border, #js_con_et_course .mod.no-border,
	#js_instalment_list .mod.no-border {
	border-bottom: 0
}

#js_feed_list .bm-left, #js_con_et_course .bm-left, #js_instalment_list .bm-left
	{
	float: left
}

#js_feed_list .bm-right, #js_con_et_course .bm-right,
	#js_instalment_list .bm-right {
	float: right
}

#js_feed_list .bm-menu-name, #js_con_et_course .bm-menu-name,
	#js_instalment_list .bm-menu-name {
	color: #999;
	clear: both;
	width: 100%
}

#js_feed_list .bm-menu-box, #js_con_et_course .bm-menu-box,
	#js_instalment_list .bm-menu-box {
	height: auto
}

#js_feed_list .bm-menu-box .bm-menu-imgparent, #js_con_et_course .bm-menu-box .bm-menu-imgparent,
	#js_instalment_list .bm-menu-box .bm-menu-imgparent {
	position: absolute;
	left: 0;
	width: 91px;
	height: 51px
}

#js_feed_list .bm-menu-more, #js_con_et_course .bm-menu-more,
	#js_instalment_list .bm-menu-more {
	width: 380px;
	min-height: 54px;
	position: relative
}

#js_feed_list .bm-menu-more .bm-menu-info-top, #js_con_et_course .bm-menu-more .bm-menu-info-top,
	#js_instalment_list .bm-menu-more .bm-menu-info-top {
	height: 24px
}

#js_feed_list .bm-menu-more .bm-menu-info-top a, #js_con_et_course .bm-menu-more .bm-menu-info-top a,
	#js_instalment_list .bm-menu-more .bm-menu-info-top a {
	width: auto;
	display: inline;
	_display: inline-block;
	_width: 278px;
	font-size: 14px;
	color: #188eee;
	line-height: 24px;
	_line-height: 25px;
	vertical-align: top;
	white-space: nowrap
}

#js_feed_list .bm-menu-more .bm-menu-info-top a:hover, #js_con_et_course .bm-menu-more .bm-menu-info-top a:hover,
	#js_instalment_list .bm-menu-more .bm-menu-info-top a:hover {
	color: #049ee4
}

#js_feed_list .bm-menu-more .bm-menu-info-bottom, #js_con_et_course .bm-menu-more .bm-menu-info-bottom,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom {
	margin-top: -4px;
	text-align: left;
	width: 278px
}

#js_feed_list .bm-menu-more .bm-menu-info-bottom a, #js_con_et_course .bm-menu-more .bm-menu-info-bottom a,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom a {
	color: #188eee;
	margin-right: 5px
}

#js_feed_list .bm-menu-more .bm-menu-info-bottom a:hover,
	#js_con_et_course .bm-menu-more .bm-menu-info-bottom a:hover,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom a:hover {
	color: #049ee4
}

#js_feed_list .bm-menu-more .bm-menu-info-bottom span, #js_feed_list .bm-menu-more .bm-menu-info-bottom i,
	#js_con_et_course .bm-menu-more .bm-menu-info-bottom span,
	#js_con_et_course .bm-menu-more .bm-menu-info-bottom i,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom span,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom i {
	vertical-align: middle
}

#js_feed_list .bm-menu-more .bm-menu-info-price, #js_con_et_course .bm-menu-more .bm-menu-info-price,
	#js_instalment_list .bm-menu-more .bm-menu-info-price {
	line-height: 16px;
	text-align: left;
	padding: 0
}

#js_feed_list .bm-menu-more img, #js_con_et_course .bm-menu-more img,
	#js_instalment_list .bm-menu-more img {
	width: 90px;
	height: 50px
}

#js_feed_list .bm-menu-cost, #js_con_et_course .bm-menu-cost,
	#js_instalment_list .bm-menu-cost {
	padding: 0 2px;
	overflow: hidden;
	margin-right: 53px;
	font-size: 14px;
	line-height: 1;
	text-align: right
}

#js_feed_list .bm-menu-cost .bm-menu-cost-now, #js_con_et_course .bm-menu-cost .bm-menu-cost-now,
	#js_instalment_list .bm-menu-cost .bm-menu-cost-now {
	color: #e85308;
	float: left
}

#js_feed_list .bm-menu-cost .bm-menu-cost-now.free, #js_con_et_course .bm-menu-cost .bm-menu-cost-now.free,
	#js_instalment_list .bm-menu-cost .bm-menu-cost-now.free {
	color: #5fb41b
}

#js_feed_list .bm-menu-cost .bm-menu-cost-pre, #js_con_et_course .bm-menu-cost .bm-menu-cost-pre,
	#js_instalment_list .bm-menu-cost .bm-menu-cost-pre {
	float: left;
	color: #a0a0a0;
	text-decoration: line-through;
	margin-left: 10px
}

#js_feed_list .bm-menu-status, #js_con_et_course .bm-menu-status,
	#js_instalment_list .bm-menu-status {
	width: 88px;
	font-size: 14px;
	line-height: 1;
	_line-height: 16px;
	margin-left: 75px
}

#js_feed_list .bm-menu-status em, #js_con_et_course .bm-menu-status em,
	#js_instalment_list .bm-menu-status em {
	font-style: normal;
	color: #999
}

#js_feed_list .bm-menu-status a, #js_con_et_course .bm-menu-status a,
	#js_instalment_list .bm-menu-status a {
	color: #039ae2
}

#js_feed_list .bm-menu-status .bm-p-red, #js_con_et_course .bm-menu-status .bm-p-red,
	#js_instalment_list .bm-menu-status .bm-p-red {
	color: #e85308
}

#js_feed_list .bm-menu-status .bm-p-black, #js_con_et_course .bm-menu-status .bm-p-black,
	#js_instalment_list .bm-menu-status .bm-p-black {
	color: #666
}

#js_feed_list .bm-menu-status .bm-p-gray, #js_con_et_course .bm-menu-status .bm-p-gray,
	#js_instalment_list .bm-menu-status .bm-p-gray {
	color: #999
}

#js_feed_list .bm-menu-status-coupon, #js_con_et_course .bm-menu-status-coupon,
	#js_instalment_list .bm-menu-status-coupon {
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: -6px;
	margin-left: 10px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/coupon-bg_d21eafd.png)
		no-repeat 0 -126px
}

#js_feed_list .bm-menu-action, #js_con_et_course .bm-menu-action,
	#js_instalment_list .bm-menu-action {
	font-size: 14px;
	width: 76px;
	margin-top: -4px;
	text-align: left;
	margin-left: 55px
}

#js_feed_list .bm-menu-action li, #js_con_et_course .bm-menu-action li,
	#js_instalment_list .bm-menu-action li {
	height: 21px
}

#js_feed_list .bm-menu-action span, #js_feed_list .bm-menu-action a,
	#js_con_et_course .bm-menu-action span, #js_con_et_course .bm-menu-action a,
	#js_instalment_list .bm-menu-action span, #js_instalment_list .bm-menu-action a
	{
	display: block;
	color: #188eee;
	cursor: pointer
}

#js_feed_list .bm-menu-action span:hover, #js_feed_list .bm-menu-action a:hover,
	#js_con_et_course .bm-menu-action span:hover, #js_con_et_course .bm-menu-action a:hover,
	#js_instalment_list .bm-menu-action span:hover, #js_instalment_list .bm-menu-action a:hover
	{
	color: #049ee4
}

#js_feed_list .bm-menu-action span:hover .bm-menu-action-tip,
	#js_feed_list .bm-menu-action a:hover .bm-menu-action-tip,
	#js_con_et_course .bm-menu-action span:hover .bm-menu-action-tip,
	#js_con_et_course .bm-menu-action a:hover .bm-menu-action-tip,
	#js_instalment_list .bm-menu-action span:hover .bm-menu-action-tip,
	#js_instalment_list .bm-menu-action a:hover .bm-menu-action-tip {
	display: block
}

#js_feed_list .bm-menu-action span.bm-button, #js_con_et_course .bm-menu-action span.bm-button,
	#js_instalment_list .bm-menu-action span.bm-button {
	width: 72px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	margin-bottom: 7px;
	color: #fff;
	background: #ff9b00;
	border-radius: 2px
}

#js_feed_list .bm-menu-action span.bm-button:hover, #js_con_et_course .bm-menu-action span.bm-button:hover,
	#js_instalment_list .bm-menu-action span.bm-button:hover {
	background-color: #ffad2e
}

#js_feed_list .bm-menu-action span.bm-button:active, #js_con_et_course .bm-menu-action span.bm-button:active,
	#js_instalment_list .bm-menu-action span.bm-button:active {
	background-color: #ed7b00
}

#js_feed_list .bm-menu-action .bm-menu-action-tip, #js_con_et_course .bm-menu-action .bm-menu-action-tip,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip {
	display: none;
	border: #ddd solid 1px;
	background-color: #fff;
	position: absolute;
	z-index: 9;
	width: 135px;
	margin: 10px 0 0 -40px;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1)
}

#js_feed_list .bm-menu-action .bm-menu-action-tip .triangle,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip .triangle,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip .triangle {
	position: absolute;
	left: 57px
}

#js_feed_list .bm-menu-action .bm-menu-action-tip .triangle:before,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip .triangle:before,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip .triangle:before
	{
	content: '';
	position: absolute;
	border-width: 0 10px 10px;
	border-color: transparent transparent #ddd;
	border-style: dashed dashed solid;
	top: -10px;
	line-height: 0
}

#js_feed_list .bm-menu-action .bm-menu-action-tip .triangle:after,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip .triangle:after,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip .triangle:after
	{
	content: '';
	position: absolute;
	border-width: 0 10px 10px;
	border-color: transparent transparent #fff;
	border-style: dashed dashed solid;
	top: -9px;
	line-height: 0
}

#js_feed_list .bm-menu-action .bm-menu-action-tip ul, #js_con_et_course .bm-menu-action .bm-menu-action-tip ul,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip ul {
	margin: 20px;
	color: #a7a7a7
}

#js_feed_list .bm-menu-action .bm-menu-action-tip ul .action-done,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip ul .action-done,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip ul .action-done
	{
	color: #74BE39;
	height: 30px;
	line-height: 30px
}

#js_feed_list .bm-menu-action .bm-menu-action-tip ul .action-done:before,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip ul .action-done:before,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip ul .action-done:before
	{
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-right: 10px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/done_9946c18.png)
		no-repeat
}

#js_feed_list .bm-menu-action .bm-menu-action-tip ul .action-undone,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip ul .action-undone,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip ul .action-undone
	{
	color: #999;
	height: 30px;
	line-height: 30px
}

#js_feed_list .bm-menu-action .bm-menu-action-tip ul .action-undone:before,
	#js_con_et_course .bm-menu-action .bm-menu-action-tip ul .action-undone:before,
	#js_instalment_list .bm-menu-action .bm-menu-action-tip ul .action-undone:before
	{
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 15px 0 5px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/undone_2b0c26b.png)
		no-repeat
}

#js_con_et_course .bm-menu-more {
	width: 410px
}

#js_con_et_course .bm-menu-cost {
	margin-right: 0
}

#js_con_et_course .bm-menu-status {
	margin-left: 50px
}

#js_con_et_course .bm-menu-action {
	margin-left: 26px
}

#js_3day_tips {
	display: none
}

.mod-course-banner__content {
	width: 252px;
	min-height: 50px;
	_height: 50px
}

#js_feed_list ul.bm-menu-bd li.mod.in-black {
	opacity: .7
}

#js_feed_list ul.bm-menu-bd li.mod.in-black a, #js_feed_list ul.bm-menu-bd li.mod.in-black span,
	#js_feed_list ul.bm-menu-bd li.mod.in-black a span, #js_feed_list ul.bm-menu-bd li.mod.in-black .bm-menu-cost p,
	#js_feed_list ul.bm-menu-bd li.mod.in-black .bm-menu-status p {
	color: #999;
	cursor: text
}

#js_feed_list ul.bm-menu-bd li.mod.in-black a:hover, #js_feed_list ul.bm-menu-bd li.mod.in-black span:hover,
	#js_feed_list ul.bm-menu-bd li.mod.in-black a span:hover {
	color: #999
}

#js_feed_list ul.bm-menu-bd li.mod.in-black span.bm-menu-teacher:hover {
	color: #999
}

.package-more {
	display: block;
	position: relative;
	font-size: 14px;
	color: #188eee !important
}

.package-more i {
	position: absolute;
	right: -2px;
	top: 3px
}

.apply-refund-steps-mod {
	width: 730px
}

.refund-icon1 {
	width: 19px;
	height: 19px;
	padding: 0 2px;
	margin-right: 2px;
	display: inline-block;
	position: relative;
	top: 5px;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/icon-refund_fb88a56.png)
		no-repeat;
	background-position: 0 -24px
}

.refund-icon2 {
	width: 19px;
	height: 19px;
	padding: 0 2px;
	margin-right: 2px;
	display: inline-block;
	position: relative;
	top: 5px;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/icon-refund_fb88a56.png)
		no-repeat;
	background-position: 0 -48px
}

.refund-icon3 {
	width: 19px;
	height: 19px;
	padding: 0 2px;
	margin-right: 2px;
	display: inline-block;
	position: relative;
	top: 5px;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/icon-refund_fb88a56.png)
		no-repeat;
	background-position: 0 -72px
}

.apply-refund-steps {
	margin-top: 10px;
	width: 650px;
	height: 75px
}

.apply-refund-steps .refund-steps-nav {
	margin-left: 50px
}

.apply-refund-steps .refund-steps-nav li {
	float: left;
	width: 162px;
	height: 7px;
	line-height: 34px;
	position: relative;
	box-sizing: border-box;
	background-color: #ddd
}

.apply-refund-steps .refund-steps-nav li.active {
	background-color: #167DD9
}

.apply-refund-steps .refund-steps-nav li.active .steps-num {
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/step-done_ef8841e.png)
		no-repeat
}

.apply-refund-steps .refund-steps-nav li.active .steps-txt {
	color: #333
}

.apply-refund-steps .refund-steps-nav li:first-child {
	width: 34px;
	background-color: transparent
}

.apply-refund-steps .refund-steps-nav li:first-child .steps-num {
	left: 17px
}

.apply-refund-steps .refund-steps-nav li:first-child .steps-txt {
	left: -17px
}

.apply-refund-steps .refund-steps-nav li .steps-txt {
	position: absolute;
	width: 100px;
	text-align: center;
	color: #999;
	left: 113px;
	top: 20px
}

.apply-refund-steps .refund-steps-nav li .steps-num {
	position: absolute;
	left: 145px;
	top: -13px;
	width: 34px;
	height: 34px;
	text-align: center;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/step-undone_bc5f773.png)
		no-repeat;
	color: #fff
}

.apply-refund-form {
	padding-left: 53px
}

.apply-refund-form .refund-tip-icon {
	display: inline-block;
	line-height: inherit;
	vertical-align: middle;
	height: 14px;
	width: 14px;
	margin-left: 5px;
	margin-top: -4px;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/icon-form_d32ba13.png)
		no-repeat;
	background-position: -2px -220px
}

.apply-refund-form .refund-tips {
	width: 333px;
	height: 75px;
	line-height: 75px;
	vertical-align: middle;
	border: #ddd solid 1px;
	background-color: #fff;
	position: absolute;
	z-index: 9;
	margin: 10px 0 0 -40px;
	border-radius: 3px;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
	top: -32px;
	left: 225px;
	color: #666
}

.apply-refund-form .refund-tips .triangle {
	position: absolute;
	top: 25px
}

.apply-refund-form .refund-tips .triangle:before {
	content: '';
	position: absolute;
	border-width: 10px 10px 10px 0;
	border-color: transparent #ddd transparent transparent;
	border-style: dashed solid dashed dashed;
	left: -10px;
	width: 0
}

.apply-refund-form .refund-tips .triangle:after {
	content: '';
	position: absolute;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fff transparent transparent;
	border-style: dashed solid dashed dashed;
	left: -9px;
	width: 0
}

.apply-refund-form .refund-tips .refund-tips-box {
	display: inline-block;
	width: 110px;
	line-height: 16px;
	text-align: center
}

.apply-refund-form .refund-tips .refund-tips-box .refund-tips-box-top {
	border-bottom: 1px solid;
	width: 110px;
	display: inline-block;
	position: relative;
	top: 10px;
	padding-bottom: 8px
}

.apply-refund-form .refund-tips .refund-tips-box .refund-tips-box-bottom
	{
	position: relative;
	top: 15px
}

.apply-refund-form .mod-form__line {
	margin-bottom: 0;
	line-height: 30px
}

.apply-refund-form label {
	width: 100px;
	text-align: right;
	line-height: 30px;
	color: #999
}

.apply-refund-form label i {
	color: #df1010
}

.apply-refund-form .g-succ .g-succ-hide {
	display: none
}

.apply-refund-form .mod-form__content {
	font-size: 14px;
	width: 430px;
	margin-left: 110px;
	padding-left: 0;
	line-height: 30px;
	word-break: break-all
}

.apply-refund-form .mod-form__content span.course-price {
	color: #e85308
}

.apply-refund-form .mod-form__content textarea {
	width: 424px;
	height: 90px;
	margin-top: 10px;
	resize: none
}

.apply-refund-form .mod-form__content .diy-option {
	padding-left: 10px
}

.apply-refund-wording {
	width: 600px;
	height: 135px;
	margin-left: 43px
}

.apply-refund-wording .apply-refund-wording-step1 {
	width: 600px;
	height: 135px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/step1_ab4ae4a.jpg)
		no-repeat
}

.apply-refund-wording .apply-refund-wording-step1 .wording-step-content
	{
	padding-left: 140px;
	padding-top: 35px
}

.apply-refund-wording .apply-refund-wording-step1 .apply-refund-wording-title
	{
	color: #666;
	font-size: 16px;
	line-height: 32px
}

.apply-refund-wording .apply-refund-wording-step1 ul li {
	color: #999;
	font-size: 14px;
	line-height: 24px
}

.apply-refund-wording .apply-refund-wording-step1 ul li i {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-right: 5px;
	vertical-align: middle;
	background-color: currentColor
}

.apply-refund-wording .apply-refund-wording-step1 .apply-refund-cause-err
	{
	position: relative;
	top: 56px;
	left: 245px;
	width: 150px
}

.apply-refund-wording .apply-refund-wording-step2 {
	width: 600px;
	height: 135px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/step2_24b09f8.jpg)
		no-repeat;
	color: #999
}

.apply-refund-wording .apply-refund-wording-step2 .wording-num {
	color: #e85308
}

.apply-refund-wording .apply-refund-wording-step2 .wording-step-content
	{
	width: 420px;
	padding-left: 130px;
	padding-top: 40px
}

.apply-refund-wording .apply-refund-wording-step3 {
	width: 600px;
	height: 135px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/step2_24b09f8.jpg)
		no-repeat;
	color: #999
}

.apply-refund-wording .apply-refund-wording-step3 .wording-num {
	color: #e85308
}

.apply-refund-wording .apply-refund-wording-step3 .wording-step-content
	{
	width: 420px;
	padding-left: 130px;
	padding-top: 52px
}

.apply-refund-wording .apply-refund-wording-step4 {
	width: 600px;
	height: 135px;
	background:
		url(//9.url.cn/edu/user/index/old/assets/img/bg/step4_694c3af.jpg)
		no-repeat;
	color: #999
}

.apply-refund-wording .apply-refund-wording-step4 .wording-strong {
	color: #333
}

.apply-refund-wording .apply-refund-wording-step4 .wording-step-content
	{
	width: 410px;
	padding-left: 130px;
	padding-top: 52px
}

.text-link {
	color: #3372a2
}

.text-link:hover {
	color: #039ae3
}

#js_con_bbs .dot-wrap {
	height: 60px
}

#js_con_bbs .mod-tab__content {
	background: #fff;
	border: 1px solid #e5e5e5
}

#js_con_bbs li.mod-tab__li {
	background: #fff
}

#js_con_bbs li.mod-tab__li.mod-tab__li_current {
	background: #178EEE
}

#js_con_bbs li.mod-tab__li a {
	background: #fff
}

#js_con_bbs .mod-bbs-list {
	margin-bottom: 20px
}

#js_con_bbs .mod-bbs-item {
	width: 337px;
	height: 200px;
	border: 1px solid #e5e5e5;
	float: left;
	font-size: 14px;
	margin: 20px 0 0 26px
}

#js_con_bbs .mod-item-top {
	margin: 20px 20px 0;
	height: 75px
}

#js_con_bbs .mod-item-bottom {
	margin: 10px 20px 0
}

#js_con_bbs .mod-item-bottom p {
	font-size: 14px;
	margin-bottom: 6px
}

#js_con_bbs .mod-item-bottom p.empty {
	color: #999;
	text-align: center;
	margin-top: 37px
}

#js_con_bbs .mod-item-bottom p .icon-square {
	float: left;
	margin: 10px 10px 0 0;
	display: inline-block;
	background: #999;
	width: 4px;
	height: 4px
}

#js_con_bbs .mod-item-bottom a {
	color: #333;
	display: block;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden
}

#js_con_bbs .mod-item-bottom a:hover {
	color: #039ae3
}

#js_con_bbs .btn-out {
	width: 55px;
	padding: 1px;
	border-color: #d9d9d9;
	margin-right: 10px
}

#js_con_bbs .btn-weak {
	color: #999
}

#js_con_bbs .mod-item-img-box {
	float: left;
	margin-right: 20px
}

#js_con_bbs .mod-item-img {
	width: 64px;
	height: 64px;
	border: 1px solid rgba(0, 0, 0, .05)
}

#js_con_bbs .mod-item-name {
	color: #333;
	font-size: 22px;
	line-height: 20px
}

#js_con_bbs .mod-item-name:hover {
	color: #62b4f7
}

#js_con_bbs .mod-wrap {
	margin-top: 15px;
	color: #999
}

#js_con_bbs .sort-page {
	border: 1px solid #e5e5e5;
	padding: 30px 0;
	background: #fff;
	margin-top: -2px;
	border-top-color: #fff
}

#js_con_bbs .mod-article-list {
	color: #999;
	font-size: 14px
}

#js_con_bbs .mod-article-list p {
	margin: 12px 0
}

#js_con_bbs .mod-article-list .mod-article-item {
	border-bottom: 1px solid #ddd;
	padding: 30px
}

#js_con_bbs .mod-article-list .mod-article-item:last-child {
	border-bottom: 0
}

#js_con_bbs .mod-article-list .mod-article-title {
	color: #333;
	font-size: 22px;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	display: block
}

#js_con_bbs .mod-article-list .mod-article-title:hover {
	color: #62b4f7
}

#js_con_bbs .mod-article-list .mod-article-time {
	margin-right: 20px
}

#js_con_bbs .mod-article-list .mod-article-from {
	margin-left: 3px
}

#js_con_bbs .mod-article-list .mod-article-del {
	float: right
}

#js_con_bbs .mod-article-list .mod-article-edit {
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
	padding: 0 15px
}

#js_con_bbs .checkbox-wrap {
	margin: 20px 0;
	height: 15px
}

#js_con_bbs .checkbox-wrap .checkbox {
	float: right
}

#js_con_bbs .mod-discuss-list div {
	margin-top: 15px;
	color: #333;
	word-wrap: break-word;
	line-height: 1.6
}

#js_con_bbs .mod-discuss-list div em {
	font-style: italic
}

#js_con_bbs .mod-discuss-list div img {
	max-width: 520px
}

#js_con_bbs .mod-discuss-list div ol {
	list-style-type: decimal
}

#js_con_bbs .mod-discuss-list div ol li {
	list-style-type: decimal;
	margin-left: 18px
}

#js_con_bbs .mod-discuss-list div ul {
	list-style-type: disc
}

#js_con_bbs .mod-discuss-list div ul li {
	list-style-type: disc;
	margin-left: 18px
}

#js_con_bbs .mod-discuss-list .mod-discuss-img {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	float: left;
	margin-top: 6px;
	margin-right: 20px
}

#js_con_bbs .mod-discuss-list .mod-discuss-wrap {
	color: #999;
	font-size: 14px;
	line-height: 14px;
	padding-left: 60px;
	padding-right: 75px;
	line-height: 25px;
	position: relative
}

#js_con_bbs .mod-discuss-list .mod-discuss-item {
	border-bottom: 1px solid #ddd;
	padding: 25px 20px
}

#js_con_bbs .mod-discuss-list .mod-discuss-who {
	margin-right: 10px
}

#js_con_bbs .mod-discuss-list .mod-discuss-where {
	position: absolute;
	top: 0;
	right: 0
}

.mod-choose-time__li {
	cursor: default
}

#fav-list-area .grid-wrap .grid-col-2, #fav-list-area .grid-wrap .grid-col-3
	{
	vertical-align: top
}

#fav-list-area .grid-wrap td {
	padding: 15px;
	font-size: 14px;
	color: #666
}

#fav-list-area .grid-wrap .grid-header-bg {
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	text-indent: 20px
}

#fav-list-area .grid-wrap .fav-price-td, #fav-list-area .grid-wrap .fav-faving-td
	{
	text-align: center;
	vertical-align: middle
}

#fav-list-area .grid-wrap .fav-faving-td.grid-col-3 div {
	width: 60px
}

#fav-list-area .grid-wrap .fav-price-td div {
	color: #e85308
}

#fav-list-area .grid-wrap .c-i-wrap {
	position: relative;
	width: 480px;
	min-height: 50px
}

#fav-list-area .grid-wrap .c-i-wrap .c-i-imgparent {
	position: absolute;
	left: 0;
	width: 90px;
	height: 50px
}

#fav-list-area .grid-wrap .c-i-wrap .c-i-img {
	float: left
}

#fav-list-area .grid-wrap .c-i-wrap .c-i {
	position: relative;
	margin-left: 100px;
	height: auto
}

#fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-top {
	_float: left;
	_width: 100%
}

#fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-top a {
	display: block;
	height: 21px
}

#fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-bottom {
	float: left;
	margin-right: 20px;
	width: 240px;
	max-width: 240px;
	height: 18px;
	font-size: 12px;
	color: #999;
	_zoom: 1
}

#fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-middle {
	font-size: 12px;
	color: #999;
	_float: left;
	_width: 100%
}

#fav-list-area .grid-wrap .grid-data-wrap a {
	color: #3372a2;
	cursor: pointer
}

#fav-list-area .grid-wrap .grid-data-wrap .grid-data .no-border td {
	border-bottom: 0
}

#fav-list-area .grid-wrap .list-item .c-i-wrap {
	width: 460px;
	margin-left: 20px
}

#fav-list-area .grid-wrap .grid-header-2 {
	text-indent: 30px
}

.flag-orange, .flag-white, .flag-gray {
	color: #e85308;
	border: 1px solid;
	padding: 1px;
	line-height: 1;
	font-size: 12px;
	border-radius: 2px;
	margin-left: 4px;
	display: inline-block;
	vertical-align: 0
}

.flag-white {
	color: #fff
}

.flag-gray {
	color: #999
}

.flag-orange-bg {
	background: #e85308;
	color: #fff;
	padding: 2px;
	vertical-align: 0;
	font-size: 12px;
	display: inline-block;
	border-radius: 2px;
	line-height: 1
}

.task-schedule {
	position: relative;
	padding: 32px 120px 33px
}

.task-schedule.task-schedule--over .progress-your-plan, .task-schedule.task-schedule--over .progress-course-plan,
	.task-schedule.task-schedule--over .schedule-progress-wrap .plan-point,
	.task-schedule.task-schedule--no-begin .progress-your-plan,
	.task-schedule.task-schedule--no-begin .progress-course-plan,
	.task-schedule.task-schedule--no-begin .schedule-progress-wrap .plan-point
	{
	display: none
}

.task-schedule.task-schedule--overdue .schedule-progress-wrap .percent {
	background: #a7a7a7
}

.task-schedule.task-schedule--overdue .schedule-progress-wrap .progress-your-plan
	{
	color: #666
}

.task-schedule .schedule-start, .task-schedule .schedule-end {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.task-schedule .schedule-start {
	left: 10px
}

.task-schedule .schedule-end {
	right: 10px
}

.task-schedule .schedule-progress-wrap {
	position: relative
}

.task-schedule .schedule-progress-wrap .schedule-progress {
	background: #ccc;
	height: 15px;
	border-radius: 8px;
	overflow: hidden;
	position: relative
}

.task-schedule .schedule-progress-wrap .percent {
	background: #039ae3;
	display: block;
	height: 100%;
	width: 0;
	overflow: hidden;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.task-schedule .schedule-progress-wrap .percent-inner {
	background: #039ae3;
	display: block;
	height: 100%;
	width: 0
}

.task-schedule .schedule-progress-wrap .undo-point {
	position: absolute;
	top: 0;
	left: 30px;
	height: 100%;
	background: #ccc;
	width: 10px
}

.task-schedule .schedule-progress-wrap .undo-point:hover .hover-tips {
	display: block
}

.task-schedule .schedule-progress-wrap .undo-point--half {
	width: 5px;
	left: 100px
}

.task-schedule .schedule-progress-wrap .undo-point-round-left {
	border-radius: 8px 0 0 8px
}

.task-schedule .schedule-progress-wrap .undo-point-round-right {
	border-radius: 0 8px 8px 0
}

.task-schedule .schedule-progress-wrap .plan-point {
	position: absolute;
	width: 4px;
	height: 100%;
	background: #5fb41b;
	left: 0;
	top: 0;
	margin-left: -2px
}

.task-schedule .plan-text {
	position: absolute;
	left: 11px;
	top: -1px;
	width: 190px
}

.task-schedule .plan-text.text--left {
	left: auto !important;
	right: 25px;
	text-align: right
}

.task-schedule .progress-your-plan {
	position: absolute;
	left: 0;
	top: -28px;
	color: #039ae3;
	vertical-align: top
}

.task-schedule .progress-your-plan .plan-text {
	display: none;
	width: 100px
}

.task-schedule .progress-course-plan {
	position: absolute;
	left: 60%;
	bottom: -26px
}

.task-schedule .progress-course-plan .plan-text {
	width: 120px;
	left: 18px
}

.task-schedule .progress-course-plan .plan-text.text--left {
	right: 30px
}

.task-schedule .progress-course-plan .plan-text.text--live {
	width: 180px
}

.line-right {
	position: absolute;
	top: 0;
	right: 10px;
	color: #666
}

.line-right .icon-remind {
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/c-sprite_1c712c3.png#unsprite)
		no-repeat -374px -26px;
	width: 23px;
	height: 22px;
	display: inline-block;
	vertical-align: -5px;
	margin-right: 5px
}

.line-right .time--overdue {
	color: #e85308
}

.line-right .time--expired {
	color: #999
}

.task-chapter .chapter-tt {
	line-height: 60px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px
}

.task-chapter+.task-chapter .chapter-tt {
	border-top: 1px solid #e5e5e5
}

.task-chapter .task-task-list {
	margin-left: 20px;
	margin-right: 20px
}

.task-part-list {
	padding-bottom: 1px
}

.task-part-item {
	margin-bottom: 20px
}

.task-part-item .task-part-hd {
	height: 40px;
	line-height: 40px;
	height: 40px;
	background: #f4f4f4;
	position: relative;
	margin-bottom: 20px
}

.task-part-item .part-tt {
	font-size: 16px
}

.task-part-item .tt-prefix {
	background: #666;
	color: #fff;
	width: 72px;
	text-align: center;
	font-size: 18px;
	float: left;
	margin-right: 8px
}

.task-part-item .flag-orange-bg {
	margin-left: 5px
}

.task-task-list .task-task-item {
	position: relative;
	line-height: 40px;
	padding-left: 53px;
	display: block;
	width: 100%;
	color: #333;
	box-sizing: border-box
}

.task-task-list .task-task-item .task-tt-expr {
	color: #188eee
}

.task-task-list .task-task-item .item-icon {
	position: absolute;
	left: 0;
	top: 50%;
	width: 53px;
	text-align: center;
	font-size: 24px;
	color: #a3d2f8;
	margin-top: -12px
}

.task-task-list .task-task-item .task-tt-text {
	display: inline-block;
	vertical-align: middle
}

.task-task-list .task-task-item .tt-suffix {
	color: #999;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle
}

.task-task-list .task-task-item .icon-playback {
	position: relative;
	color: #999;
	border: 1px solid;
	border-radius: 2px;
	margin-left: 10px;
	height: 14px;
	width: 16px;
	display: inline-block;
	vertical-align: middle
}

.task-task-list .task-task-item .icon-playback:before {
	position: absolute;
	left: 6px;
	top: 2px;
	border-left: 5px solid #999;
	border-top: 5px dashed transparent;
	border-bottom: 5px dashed transparent
}

.task-task-list .task-task-item .btn-s {
	right: 10px;
	margin-top: -15px
}

.task-task-list .task-task-item .item-progress {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	width: 50px;
	background: #ccc;
	height: 4px
}

.task-task-list .task-task-item .item-progress .percent {
	display: block;
	height: 4px;
	background: #5fb41b
}

.task-task-list .task-task-item .hover-guide {
	display: none;
	color: #039ae3
}

.task-task-list .task-task-item .hover-guide .i-v-right {
	font-size: 22px;
	vertical-align: -1px
}

.task-task-list .task-task-item .i-right {
	font-size: 24px;
	color: #5fb41b;
	vertical-align: -3px;
	margin-left: 10px
}

.task-task-list .task-task-item.task-task-item--done .item-icon {
	color: #999
}

.task-task-list .task-task-item.task-task-item--disabled .item-icon,
	.task-task-list .task-task-item.task-task-item--disabled .task-tt {
	color: #999
}

.task-task-list a.task-task-item.task-item-jump:hover {
	background-color: #daedfd
}

.task-task-list a.task-task-item.task-item-jump:hover .item-icon {
	color: #039ae3
}

.task-task-list a.task-task-item.task-item-jump:hover .hover-guide {
	display: inline-block
}

.task-task-list a.task-task-item.task-item-jump:hover .hover-guide ~.item-num-percent,
	.task-task-list a.task-task-item.task-item-jump:hover .hover-guide ~.item-progress,
	.task-task-list a.task-task-item.task-item-jump:hover .hover-guide ~.i-right,
	.task-task-list a.task-task-item.task-item-jump:hover .hover-guide ~.item-score
	{
	display: none
}

.task-task-list a.task-item-nojump {
	cursor: default
}

.tips--pointer {
	left: 50%;
	margin-left: -50px;
	width: 100px;
	line-height: 24px;
	padding: 0 5px
}

.course-class-task {
	position: relative;
	margin-bottom: 20px;
	height: 50px;
	padding-top: 8px;
	padding-left: 168px;
	background: #f4f4f4
}

.course-class-task .drop-down--class {
	left: 0;
	font-size: 16px;
	padding-left: 10px;
	text-align: left;
	border-right: 1px solid #ddd;
	text-align: center
}

.course-class-task .drop-down--class .drop-down-tt {
	line-height: 58px;
	margin-right: 10px;
	display: block;
	max-width: 147px
}

.course-class-task .drop-down--class .drop-down-list {
	text-align: center;
	left: 0;
	width: 168px
}

.course-class-task .task-schedule {
	padding-top: 10px;
	overflow: hidden
}

.course-class-task .task-schedule .schedule-start, .course-class-task .task-schedule .schedule-end
	{
	margin-top: -23px
}

.course-class-task .task-schedule .schedule-progress, .course-class-task .task-schedule .percent
	{
	height: 8px
}

.course-class-task .task-schedule .percent {
	background: #5fb41b
}

.course-class-task .task-schedule .progress-course-plan {
	color: #666
}

.drop-down--class {
	position: absolute;
	top: 0;
	width: 168px;
	text-align: center;
	box-sizing: border-box
}

.drop-down--class .drop-down-list {
	width: 100%;
	box-sizing: border-box;
	text-align: center
}

.drop-down--class .drop-down-list li {
	line-height: 40px;
	padding: 0 10px
}

.drop-down--class .drop-down-tt:after {
	display: none
}

.drop-down--class .i-v-bottom {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -9px;
	transition: transform .2s
}

.drop-down--class:hover .i-v-bottom {
	transform: rotate(180deg)
}

.drop-down--class.drop-down--class-one .drop-down-list,
	.drop-down--class.drop-down--class-one .i-v-bottom {
	display: none
}

.learn-plan-list .section-msg {
	background: #fff;
	margin: 0;
	padding-top: 170px;
	padding-bottom: 170px;
	border: 1px solid #e5e5e5
}

.learn-plan-list .schedule-start, .learn-plan-list .schedule-end {
	color: #999;
	font-size: 12px
}

.learn-plan-list .task-schedule .plan-text {
	font-size: 12px;
	top: 1px
}

.learn-plan-list .task-task-item .task-tt-text {
	max-width: 350px
}

.learn-plan-item {
	margin-bottom: 20px;
	background: #fff
}

.learn-plan-item .plan-hd {
	display: block;
	background: #fff;
	color: #333;
	line-height: 60px;
	position: relative;
	padding-right: 130px;
	border: 1px solid #e5e5e5;
	border-bottom: 0
}

.learn-plan-item .plan-hd .hd-tt {
	font-size: 18px;
	padding-left: 20px
}

.learn-plan-item .plan-hd .hd-right {
	position: absolute;
	right: 15px;
	top: 0;
	color: #333;
	font-size: 14px
}

.learn-plan-item .plan-hd .hd-right .i-v-right {
	vertical-align: 0
}

.learn-plan-item .plan-bd {
	border: 1px solid #e5e5e5;
	padding: 20px
}

.learn-plan-item .i-flag {
	margin-right: 10px;
	color: #D2E8FB
}

.learn-history-item {
	border: 1px solid #e5e5e5;
	padding: 0 20px 10px
}

.learn-history-item+.learn-history-item {
	margin-top: 20px
}

.learn-history-item .history-top {
	background: #F8F8F8;
	padding: 0 20px;
	margin: 0 -20px 20px
}

.learn-history-item .imgtext-course {
	padding: 20px 0;
	position: relative;
	padding-right: 140px
}

.learn-history-item .task-schedule {
	border-top: 1px solid #e5e5e5;
	padding-top: 52px;
	padding-bottom: 53px
}

.learn-history-item .task-schedule .schedule-progress {
	height: 4px
}

.learn-history-item .task-schedule .progress-course-plan a {
	color: #666
}

.learn-history-item .task-schedule .progress-course-plan a:hover {
	color: #039ae3
}

.learn-history-item .guide-tt {
	color: #999;
	margin-bottom: 0
}

.learn-history-item .last-learn {
	line-height: 40px;
	padding-right: 215px;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5
}

.learn-history-item .last-learn .last-learn-tt {
	color: #999
}

.learn-history-item .last-learn .line-right {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px
}

.imgtext-course .img-left {
	width: 170px;
	margin-right: 20px;
	float: left
}

.imgtext-course .text-right {
	overflow: hidden;
	display: table-cell;
	height: 96px;
	vertical-align: middle
}

.imgtext-course .text-right .class-name {
	color: #666;
	float: left
}

.imgtext-course .text-right .flag-gray {
	margin-left: 10px;
	color: #666;
	float: left
}

.imgtext-course .text-right .icon-sep {
	float: left;
	margin: 4px 10px 0
}

.imgtext-course .text-right .course-relation {
	width: 340px
}

.imgtext-course .text-right .course-source {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	display: block
}

.imgtext-course .text-right .course-source .course-source-link {
	color: #666
}

.imgtext-course .text-right .course-source .course-source-link:hover {
	color: #039ae3
}

.imgtext-course .text-tt {
	font-size: 18px;
	margin-bottom: 10px
}

.imgtext-course .text-tt .tt-link {
	display: inline-block;
	max-width: 330px;
	color: #333;
	vertical-align: top
}

.imgtext-course .text-tt .tt-link:hover {
	color: #039ae3
}

.imgtext-course .btn-more {
	position: absolute;
	line-height: 40px;
	padding: 0 1em;
	font-size: 16px;
	right: 0;
	top: 50%;
	margin-top: -20px
}

.task-task-list--user .task-task-item .hover-guide {
	vertical-align: middle;
	margin-left: 10px
}

.bm-instal-status {
	width: 150px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	margin-top: 15px
}

.bm-instal-status .bm-p-red {
	color: #e85308
}

.bm-instal-status .bm-p-gray {
	color: #999
}

.att-instal-3 {
	margin-left: -20px
}

.att-instal-4 {
	margin-left: 20px
}

.service-dialog .err-msg {
	margin: 20px auto auto 20px
}

.service-dialog .err-msg i, .service-dialog .err-msg span {
	vertical-align: middle
}

.service-dialog .modal-bd--padding {
	padding: 0;
	margin-bottom: 20px
}

.service-dialog .modal-bd--padding+.modal-ft {
	padding-top: 20px
}

.service-dialog .service-dialog-list {
	height: inherit;
	padding: 20px 30px 0;
	overflow: auto
}

.service-dialog .service-dialog-list .service-dialog-item {
	border-bottom: 1px solid #eee;
	padding: 10px 0
}

.service-dialog .service-dialog-list .service-dialog-item:first-child {
	padding-top: 0
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-logo
	{
	display: inline-block;
	width: 120px;
	height: 120px;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/service/service-logo_fcb1a4c.jpg)
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info
	{
	display: inline-block;
	width: 380px;
	padding-left: 5px
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info a
	{
	color: #333
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info a:hover
	{
	color: #188eee
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info dl
	{
	width: 380px;
	color: #999
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info dl dt
	{
	display: inline-block;
	width: 70px
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info dl dd
	{
	display: inline-block;
	width: 310px
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info p
	{
	position: relative
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info .item-info-price
	{
	color: #e85308
}

.service-dialog .service-dialog-list .service-dialog-item .service-item-info .item-info-count
	{
	position: absolute;
	right: 0
}

.service-dialog .price-total {
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #999
}

.service-dialog .price-total i {
	font-size: 20px;
	color: #e85308
}

.service h3 span, .serve-state, .serve-des, .serve-num, .serve-leftnum {
	font-size: 14px;
	color: #999
}

.service-hold, .service-enable, .service-fin, .service-none {
	padding: 18px 18px 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.service-enable, .service-fin {
	margin-top: 20px
}

.service-none {
	height: 450px
}

.service-none-info {
	line-height: 450px;
	text-align: center
}

.service-none-des {
	vertical-align: middle;
	font-size: 18px;
	color: #999
}

.service-none-pic {
	margin-right: 10px
}

.service-none .service-none-pic {
	vertical-align: middle
}

.service h3 {
	color: #333;
	font-size: 18px;
	margin-bottom: -4px
}

.service h3 span {
	margin-left: 14px
}

.service-list {
	width: 100%
}

.service-item {
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	color: #333
}

.service-item-red {
	border: 1px solid #e80808
}

.service-item-cover {
	height: 120px;
	width: 120px;
	background-image:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/service/service-logo_fcb1a4c.jpg);
	float: left;
	cursor: pointer
}

.service-item-main {
	margin-left: 120px;
	padding-left: 13px;
	height: 120px;
	position: relative;
	border-bottom: 1px solid #e5e5e5
}

.service-item-main h4 {
	padding: 14px 0 2px;
	font-size: 18px;
	width: 400px
}

.service-item-main h4:hover {
	color: #049ee4
}

.service-item-details {
	background-color: #fff;
	padding: 16px 0 26px
}

.service-item-details h4 {
	font-size: 16px;
	color: #999;
	padding: 0 22px
}

.service-item-nob {
	border-bottom: 0
}

.serve-list {
	margin: 11px 0 0
}

.serve-list-h {
	height: 216px
}

.serve-nothing {
	height: 94px;
	line-height: 94px;
	font-size: 18px;
	color: #999;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 100%
}

.serve-nothing-info {
	vertical-align: middle
}

.serve-info {
	font-size: 28px;
	margin-right: 12px;
	vertical-align: middle
}

.serve-item {
	position: relative;
	padding: 11px 22px
}

.serve-item.err {
	color: #e80808
}

.serve-item.err .serve-tit, .serve-item.err span {
	color: #e80808
}

.serve-item:hover {
	background-color: #eee
}

.serve-tit {
	cursor: pointer;
	display: block;
	float: left;
	width: 323px;
	color: #333
}

.serve-tit:hover {
	color: #049ee4 !important
}

.serve-type {
	display: block;
	float: left;
	width: 156px;
	text-align: center
}

.serve-state {
	display: block;
	margin-left: 479px
}

.serve-state a {
	margin-left: 4px;
	cursor: pointer
}

.serve-state a:hover {
	color: #049ee4
}

.serve-que {
	margin-left: 4px;
	font-size: 16px;
	cursor: default
}

.serve-msg {
	position: absolute;
	right: 100px;
	top: 36px;
	width: 395px;
	padding: 14px 24px;
	background-color: #fff;
	color: #666;
	white-space: initial;
	z-index: 2;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 2px 1px #ececec
}

.serve-time {
	color: #999;
	padding: 3px
}

.serve-page {
	text-align: center;
	margin-top: 13px
}

.serve-page-btn {
	display: inline-block;
	width: 78px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	color: #333;
	cursor: pointer
}

.serve-page-btn:hover {
	background-color: #eee
}

.serve-page-next {
	margin-left: 6px
}

.serve-page-dis {
	color: #ccc;
	background-color: #f6f6f6;
	cursor: default
}

.serve-page-dis:hover {
	background-color: #f6f6f6
}

.serve-title {
	float: left;
	max-width: 300px;
	color: #333;
	cursor: pointer
}

.serve-title:hover {
	color: #049ee4
}

.serve-split {
	display: inline-block;
	height: 14px;
	margin: 7px 8px;
	border-left: 1px solid #d9d9d9;
	vertical-align: middle;
	float: left
}

.serve-ag {
	font-size: 14px;
	color: #666;
	cursor: pointer;
	display: block;
	margin-top: 3px
}

.serve-ag:hover {
	color: #049ee4
}

.serve-des {
	position: absolute;
	top: 16px;
	right: 19px
}

.serve-num {
	margin: 0 14px 0 6px
}

.serve-price {
	color: #e85308
}

.serve-price.free {
	color: #5fb41b
}

.serve-pay {
	background-color: #fe9455;
	color: #fff;
	text-align: center;
	display: inline-block;
	line-height: 30px;
	margin-left: 12px;
	width: 80px;
	border-radius: 3px;
	cursor: pointer
}

.serve-del {
	cursor: pointer
}

.serve-del-fr {
	float: right
}

.serve-del:hover {
	color: #049ee4
}

.serve-btn {
	margin-top: 8px;
	text-align: right;
	margin-right: 19px
}

.serve-left {
	margin: 19px 19px 0 0
}

.serve-left-num {
	margin: 0 3px
}

.serve-refund {
	float: right;
	margin-left: 12px;
	cursor: pointer
}

.serve-refund:hover {
	color: #049ee4
}

.apply-refund-des {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: normal
}

.balance-total {
	height: 75px;
	margin-bottom: 34px
}

.balance-total-num {
	font-size: 24px;
	line-height: 75px;
	padding-left: 22px
}

.balance-total .balance-total-logo {
	font-size: 25px;
	color: #777;
	vertical-align: middle
}

.balance-total-des {
	vertical-align: middle
}

.balance-list th {
	padding-left: 22px
}

.balance-list td {
	padding: 20px 0 20px 22px
}

.balance-list-time {
	font-size: 14px;
	color: #777
}

.balance-list-money {
	font-size: 16px;
	color: #333
}

.balance-list-type {
	font-size: 18px;
	color: #333
}

.balance-list-desc {
	font-size: 14px;
	color: #999
}

.balance-empty {
	line-height: 350px;
	text-align: center
}

.balance-empty-info {
	margin-right: 10px
}

.balance-empty .balance-empty-info {
	vertical-align: middle
}

.balance-empty-desc {
	vertical-align: middle;
	font-size: 18px;
	color: #999
}

.tips-buy-course .mod-course-banner_row:before, .imgtext-course .text-tt:before,
	.tips-buy-course .mod-course-banner_row:after, .imgtext-course .text-tt:after
	{
	content: "";
	display: table
}

.tips-buy-course .mod-course-banner_row:after, .imgtext-course .text-tt:after
	{
	clear: both
}

.course-class--three .class-tt-list .item-name, .mod-choose-time_v2 .mod-choose-time__time,
	.tips-buy-course .mod-course-banner__title, .package-dialog .pkg-info-agency,
	.package-dialog .pkg-info-title, #js_feed_list .bm-menu-more .bm-menu-info-top,
	#js_con_et_course .bm-menu-more .bm-menu-info-top, #js_instalment_list .bm-menu-more .bm-menu-info-top,
	#js_feed_list .bm-menu-more .bm-menu-info-bottom, #js_con_et_course .bm-menu-more .bm-menu-info-bottom,
	#js_instalment_list .bm-menu-more .bm-menu-info-bottom, #fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-top a,
	#fav-list-area .grid-wrap .c-i-wrap .c-i .c-i-bottom, .task-task-list .task-task-item .task-tt-text,
	.course-class-task .drop-down--class .drop-down-tt, .learn-plan-item .plan-hd .hd-tt,
	.learn-history-item .last-learn .last-learn-tt, .service-dialog .service-dialog-list .service-dialog-item .service-item-info h3,
	.service-item-main h4, .serve-tit, .serve-state, .serve-title,
	.serve-ag, .row-plan .col-1 .teacher, .row-plan .col-1 .qun-icon,
	.row-plan .col-1 .cycle-info .cycle-info-text, .mycourse-remind .mycourse-remind-title-name,
	.coupon-list .coupon-item-info p, .coupon-list .coupon-item-info-course,
	.coupon-list .coupon-item-info-agency-link {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal
}

.task-task-list .task-task-item .icon-playback:before,
	.index-manager-hovertips:before, .index-manager-hovertips:after {
	content: "";
	height: 0;
	width: 0;
	overflow: hidden
}

.imgtext-course .btn-more {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	border: 0;
	user-select: none
}

.imgtext-course .btn-more {
	background-color: #188eee;
	color: #fff
}

.imgtext-course .btn-more:hover {
	background-color: #147de2
}

.imgtext-course .btn-more:active {
	background-color: #1774c9
}

.stu-edit-form {
	margin-top: 15px
}

.stu-edit-form .btn-default {
	margin-left: 104px;
	padding: 5px 26px
}

.stu-edit-form .edit-cancel {
	padding: 5px 26px
}

.edit-item-label {
	display: inline-block;
	width: 100px;
	vertical-align: middle
}

.stu-edit-tips {
	display: inline-block;
	width: 360px
}

.stu-edit-item {
	margin-bottom: 15px
}

.stu-edit-item input {
	border: 1px solid #e5e5e5;
	padding: 4px 10px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	width: 238px;
	vertical-align: middle
}
.stu-edit-item input[type=radio]{
  	width: 20px;
    height: 20px;
    margin: 0px 10px;
}

.stu-edit-item .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
    left: 24%;
}
.stu-edit-item .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.stu-edit-item .file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}

.stu-edit-item input:focus {
	border-color: #9a9a9a
}

.stu-edit-item input.err {
	border-color: #e80808
}

.stu-edit-item .btn-weak {
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	margin-left: 5px
}

.stu-edit-item .edit-send-tips {
	display: inline-block;
	width: 370px
}

.stu-send-item {
	color: #a0a0a0
}

.stu-send-item .color-black {
	color: #2d313d
}

.err-tips {
	color: #e80808;
	vertical-align: middle;
	margin-left: 5px
}

.mod-choose-time__li {
	cursor: default
}

#js-contact-bd {
	min-height: 430px
}

#js-contact-bd .stu-info {
	padding-bottom: 50px;
	margin: 50px 50px 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative
}

#js-contact-bd .stu-info-op {
	position: absolute;
	right: 0;
	top: 0
}

#js-contact-bd .stu-info-op a {
	margin-left: 15px;
	color: #999
}

#js-contact-bd .stu-info-op a:hover {
	color: #188eee
}

#js-contact-bd .stu-info-op a:hover i {
	color: #333
}

#js-contact-bd .stu-info-op i {
	font-size: 20px;
	margin-right: 6px;
	color: #333
}

#js-contact-bd .stu-info-item {
	margin-bottom: 8px
}

#js-contact-bd .stu-info-item .qq-label {
	margin-right: 10px
}

.choice {
	padding: 5px 0;
	height: 15px;
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
	cursor: default
}

.my_checkbox, .ipt-outer {
	border: 1px solid #c6c6c6
}

.my_checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background-color: #fff;
	box-sizing: border-box;
	vertical-align: top
}

.checked .my_checkbox {
	border: 0;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/icon-form_d32ba13.png#unsprite)
		no-repeat 0 -140px
}

.ipt-outer {
	margin: 5px 0
}

.ipt-other {
	width: 483px;
	margin: 0 5px;
	padding: 6px 0;
	height: 18px;
	line-height: 18px;
	border: 0
}

.back-info {
	width: 575px
}

.back-form {
	width: 575px
}

.back-form .tips-bd {
	padding: 25px 40px 0;
	min-height: 276px;
	_height: 276px
}

.back-form .back-form-cont1 {
	margin-bottom: 10px
}

.back-form .back-form-cont1 p {
	line-height: 22px
}

.back-form .back-form-cont2 {
	font-size: 12px
}

.back-form .back-form-cont2 a {
	display: block
}

.back-form .back-form-cont2 a:hover .my_checkbox {
	border: 1px solid #68b30f
}

.back-form .back-form-cont3 {
	font-size: 12px;
	line-height: 20px
}

.back-info {
	height: auto;
	margin-top: -194px
}

.back-info .tips-bd {
	padding: 25px 40px 0;
	min-height: 274px;
	_height: 274px
}

.back-info .back-info-cont1 {
	margin-bottom: 20px
}

.back-info .back-info-cont1 p {
	line-height: 22px
}

.back-info .back-info-cont1 .back-info-cont1-desc {
	font-size: 12px
}

.back-info .back-info-cont2 {
	margin-bottom: 20px;
	line-height: 26px
}

.back-info .back-info-cont2 .back-info-cont2-course {
	color: #049ee4
}

.back-info .back-info-cont2 .back-info-cont2-price {
	color: #e85308
}

.back-info .back-info-cont3 {
	font-size: 12px;
	line-height: 20px;
	*zoom: 1
}

.back-info .back-info-item-col1 {
	float: left;
	width: 75px
}

.back-info .back-info-item-col2 {
	float: right;
	width: 420px
}

.back-info .back-info-item:after, .back-info .back-info-item:before {
	content: ' ';
	display: table
}

.back-info .back-info-item:after {
	clear: both
}

.info-list {
	margin: 20px
}

body {
	background: #f4f4f4
}

.mod-header__wrap {
	margin-bottom: 40px
}

.aside-left .l-nav-area {
	padding-top: 10px;
	padding-bottom: 10px
}

.page-tt {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 20px
}

.page-tab {
	font-size: 20px;
	margin-bottom: 18px;
	border-bottom: 1px solid #e5e5e5
}

.page-tab li {
	display: inline-block;
	padding: 0 0 6px;
	margin: 0 28px -1px 0;
	width: 100px;
	text-align: center;
	position: relative
}

.page-tab li.active {
	border-bottom: 3px solid #178eee
}

.page-tab li.active a {
	color: #178eee
}

.page-tab a {
	display: inline-block;
	width: 100%;
	color: #333
}

.page-tab .red-point {
	position: absolute;
	top: 1px;
	border-radius: 4px;
	width: 8px;
	height: 8px
}

.page-tab .red-point:after {
	content: "●";
	color: #f94d4d;
	font-size: 16px;
	line-height: 1;
	position: absolute;
	top: -6px;
	left: 0
}

:root .page-tab .red-point {
	background: #f94d4d;
	border-radius: 5px
}

:root .page-tab .red-point:after {
	display: none
}

.yel-tip {
	margin-bottom: 20px
}

.datepicker {
	margin: -1px 0 0 0
}

.page-tt {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 20px
}

.page-tt .tt-sub {
	font-size: 14px;
	margin-left: 10px;
	color: #999
}

.page-bd {
	background: #fff;
	border: 1px solid #e5e5e5
}

.page-user .guide-tt {
	font-size: 18px;
	line-height: 30px
}

.page-user .section-main {
	margin-bottom: 30px
}

.sort-page .page-box {
	margin-bottom: 0
}

.mycourse-main {
	width: 960px !important
}

.mycourse-main .mycourse-mid, .mycourse-main .mycourse-side {
	float: left
}

.mycourse-main .mycourse-mid {
	width: 730px;
	padding-left: 30px;
	min-height: 405px
}

.mycourse-main .mycourse-side {
	width: 200px;
	background: #f4f4f4
}

.mycourse-main .l-nav {
	padding-top: 0
}

.mycourse-main .l-nav-area .l-nav-item {
	width: auto
}

.mycourse-main .l-nav-area .l-nav-item.l-nav-cur a {
	color: #039ae3;
	border-left: 4px solid #039ae1
}

.att-title {
	position: relative;
	font-size: 16px
}

.att-title .att-text {
	margin-top: 11px;
	margin-left: 10px;
	line-height: 58px;
	font-size: 22px
}

.att-title .att-text a, .att-title .att-text i {
	font-size: 14px;
	font-weight: 400
}

.att-title .att-text i {
	color: #999;
	margin-left: 14px
}

.att-title .att-text a {
	margin-left: 10px
}

.att-title .att-tool {
	position: absolute;
	top: 19px;
	right: 30px
}

.att-title .att-bar {
	height: 36px;
	background: #f8f8f8;
	border: 1px solid #eee;
	color: #999;
	font-size: 14px;
	margin: 0 30px
}

.att-title .att-bar p {
	float: left;
	line-height: 35px
}

.att-title-notips {
	padding-top: 21px
}

.att-courses .att-text {
	float: left;
	width: 200px
}

.att-courses .att-sub {
	float: right;
	margin-right: 30px;
	margin-top: 38px;
	width: 425px;
	font-size: 12px;
	text-align: right
}

.att-courses .att-sub a {
	cursor: pointer
}

.att-time {
	margin-bottom: 10px;
	padding: 0 0 6px;
	border-bottom: 1px solid #ececec;
	font-size: 14px
}

.att-mod {
	margin-bottom: 10px
}

.att-mod .att-img {
	margin-top: 8px;
	float: left
}

.att-mod .att-img img {
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	border-radius: 2px
}

.att-mod .att-name {
	padding: 7px 0 0;
	color: #545454;
	text-align: center
}

.att-mod .att-name:hover {
	color: #04abf7
}

.att-mod .market-list-3 .market-bd {
	margin: 0 auto;
	width: 747px
}

.att-mod .market-list-3 .market-list-mod {
	width: 786px
}

.att-mod .market-list-3 .mlm-item {
	margin-right: 28px
}

.att-mod .market-list-4 {
	padding-left: 210px
}

.att-mod .market-list-4 .market-bd {
	width: 700px
}

.att-mod .market-list-4 .market-list-mod {
	width: 720px
}

.att-mod .market-list-5 .market-bd {
	width: 880px
}

.att-mod .market-list-5 .market-list-mod {
	width: 900px
}

.att-table {
	color: #999
}

.att-table tr {
	height: 30px
}

.att-table td {
	padding-left: 32px;
	height: 18px;
	border-right: 1px solid #e7e7e7
}

.clearfix:before, .clearfix:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}

.l-nav .l-nav-item a {
	
}

.l-nav .l-nav-item a:hover {
	
}

.l-nav .l-nav-cur a:hover {
	
}

.page-myCourse .l-nav-area {
	border: 1px solid #e5e5e5
}

.page-myCourse .sm-main {
	background: #fff
}

.page-myCourse .nodata-info {
	padding: 115px 0 0 162px
}

.page-myCourse .nodata-info .ico-wording {
	font-size: 16px;
	margin-left: 7px;
	margin-top: 7px;
	color: #666
}

.page-myCourse .sm-main {
	min-height: 591px
}

.page-myCourse .step {
	
}

.page-myCourse .step .tip-wrap {
	margin: 30px 10px 0
}

.page-myCourse .step-course {
	
}

.page-myCourse .step-course .att-cont {
	min-height: 10px;
	margin-bottom: 20px
}

.page-myCourse .step-course .cl-nodata {
	font-size: 14px;
	padding: 0 5px;
	color: #999
}

.page-myCourse .step-course #js_fitems_expired .cl-nodata {
	font-size: 14px;
	padding: 20px 35px
}

.page-myCourse .step-course .att-table {
	color: #545454;
	margin-top: 17px
}

.page-myCourse .step-course .att-table .norlink {
	color: #545454
}

.page-myCourse .step-course .att-table .norlink:hover {
	color: #039ae3
}

.page-myCourse .step-course .att-table li {
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	word-break: keep-all
}

.page-myCourse .step-course .att-table ul {
	position: relative;
	*position: static;
	*height: auto;
	*overflow: hidden;
	*zoom: 1
}

.page-myCourse .step-course .att-table li {
	display: inline-block;
	*float: left;
	*height: auto;
	height: 28px;
	line-height: 28px
}

.page-myCourse .step-course .att-table .col-0 {
	width: 104px
}

.page-myCourse .step-course .att-table .col-0 div {
	width: 104px;
	border-right: 1px solid #e7e7e7;
	position: absolute;
	*position: relative;
	top: 50%;
	height: 26px;
	*height: auto;
	margin: -13px 0;
	*margin: 0;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis
}

.page-myCourse .step-course .att-table .col-1 {
	padding-left: 22px;
	width: 220px
}

.page-myCourse .step-course .att-table .col-1 div {
	width: 220px;
	border-right: 1px solid #e7e7e7;
	position: absolute;
	*position: relative;
	top: 50%;
	height: 26px;
	*height: auto;
	margin: -13px 0;
	*margin: 0;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis
}

.page-myCourse .step-course .att-table .col-2 {
	text-align: center;
	width: 72px
}

.page-myCourse .step-course .att-table .col-2 div {
	width: 72px;
	border-right: 1px solid #e7e7e7;
	position: absolute;
	*position: relative;
	top: 50%;
	height: 26px;
	*height: auto;
	margin: -13px 0;
	*margin: 0;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis
}

.page-myCourse .step-course .att-table .col-3 {
	padding-left: 26px;
	width: 112px
}

.page-myCourse .step-course .att-table .col-3 div {
	width: 112px;
	border-right: 1px solid #e7e7e7;
	position: absolute;
	*position: relative;
	top: 50%;
	height: 26px;
	*height: auto;
	margin: -13px 0;
	*margin: 0;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis
}

.page-myCourse .step-course .att-table .col-4 {
	padding-left: 15px;
	width: 164px;
	border: 0 none !important
}

.page-myCourse .step-course .att-table .col-4 div {
	width: 164px;
	position: absolute;
	*position: relative;
	top: 50%;
	height: 26px;
	*height: auto;
	margin: -13px 0;
	*margin: 0;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis
}

.page-myCourse .step-course .att-table .col-5 {
	width: 130px;
	margin-top: 5px;
	border: 0 none !important
}

.page-myCourse .step-course .att-table .col-5 div {
	width: 130px
}

.page-myCourse .step-course .att-table .col-5 .btn-6 {
	margin-top: 1px;
	margin-bottom: 1px;
	float: right;
	text-align: center;
	padding: 0 10px
}

.page-myCourse .step-course .att-table .col-5 .nor-link {
	margin-top: 2px;
	margin-left: 3px;
	float: right;
	width: 48px;
	text-align: center
}

.page-myCourse .step-plan .att-thead {
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #eee;
	font-size: 14px;
	color: #999;
	background: #f8f8f8;
	*overflow: hidden;
	_zoom: 1
}

.page-myCourse .step-plan .att-thead .col-3 .inner {
	padding-right: 46px
}

.page-myCourse .step-plan .att-tbody .att-row {
	height: 51px;
	padding-top: 15px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.page-myCourse .step-plan .att-tbody .att-row:hover {
	height: 51px;
	border-bottom: 1px solid #e6e6e6;
	background: #eee
}

.page-myCourse .step-plan .att-thead .col-0, .page-myCourse .step-plan .att-thead .col-1,
	.page-myCourse .step-plan .att-thead .col-2, .page-myCourse .step-plan .att-thead .col-3,
	.page-myCourse .step-plan .att-tbody .col-0, .page-myCourse .step-plan .att-tbody .col-1,
	.page-myCourse .step-plan .att-tbody .col-2, .page-myCourse .step-plan .att-tbody .col-3
	{
	float: left;
	padding-left: 0
}

.page-myCourse .step-plan .att-thead .col-0, .page-myCourse .step-plan .att-tbody .col-0
	{
	width: 222px
}

.page-myCourse .step-plan .att-thead .col-0 div, .page-myCourse .step-plan .att-tbody .col-0 div
	{
	padding-bottom: 5px;
	font-size: 14px;
	color: #000
}

.page-myCourse .step-plan .att-thead .col-1, .page-myCourse .step-plan .att-tbody .col-1
	{
	width: 470px
}

.page-myCourse .step-plan .att-thead .col-2, .page-myCourse .step-plan .att-tbody .col-2
	{
	width: 113px;
	text-align: right
}

.page-myCourse .step-plan .att-thead .col-3, .page-myCourse .step-plan .att-tbody .col-3
	{
	font-size: 14px;
	width: 90px;
	margin-left: 80px;
	text-align: left
}

.page-myCourse .step-plan .att-tbody .col-0 div {
	line-height: 11px;
	padding-bottom: 11px;
	padding-top: 2px;
	color: #666;
	height: 100%
}

.page-myCourse .step-plan .att-tbody .col-0 .live {
	color: #e85308
}

.page-myCourse .step-plan .att-tbody .col-1 .cover {
	float: left;
	border: 1px solid rgba(0, 0, 0, .1);
	margin-right: 10px
}

.page-myCourse .step-plan .att-tbody .col-1 .title {
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	color: #3372a2;
	display: inline-block;
	max-width: 360px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.page-myCourse .step-plan .att-tbody .col-1 .teacher, .page-myCourse .step-plan .att-tbody .col-1 .academy
	{
	font-size: 12px;
	color: #3372a2
}

.page-myCourse .step-plan .att-tbody .col-1 .title:hover, .page-myCourse .step-plan .att-tbody .col-1 .teacher:hover,
	.page-myCourse .step-plan .att-tbody .col-1 .academy:hover {
	color: #039ae3
}

.page-myCourse .step-plan .att-tbody .col-2 {
	text-align: right;
	font-size: 14px;
	line-height: 11px;
	*line-height: 22px;
	color: #666
}

.page-myCourse .step-plan .att-tbody .col-3 .discuss {
	vertical-align: top;
	font-size: 14px;
	line-height: 13px;
	color: #3372a2
}

.page-myCourse .step-plan .att-tbody .col-3 .discuss:hover {
	color: #039ae3
}

.page-myCourse .step-plan .att-tbody .col-3 .btn-6 {
	font-size: 14px;
	padding-left: 8px;
	padding-right: 9px
}

.page-myCourse .step-plan .att-page-ctrl {
	text-align: center;
	margin-top: 30px
}

.mb-cc .tips-bd {
	padding: 30px 40px 0;
	min-height: 72px
}

.mb-cc-ctn {
	padding-top: 15px;
	word-break: break-all
}

.bm-menu-price {
	color: #e85308;
	font-size: 16px
}

.row-plan {
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
	*zoom: 1
}

.row-plan li {
	float: left
}

.row-plan .col-0 {
	width: 222px;
	padding-right: 15px
}

.row-plan .col-0 .cover {
	border: 1px solid rgba(0, 0, 0, .1)
}

.row-plan .col-0 .mod-support-listen {
	position: absolute;
	color: #fff;
	top: 1px;
	left: 1px;
	font-size: 14px;
	background: url(../img/bg/subscript.png) no-repeat;
	width: 77px;
	height: 21px;
	padding-left: 5px
}

.row-plan .col-0 .mycourse-image {
	position: relative;
	height: 125px;
	width: 100%;
	float: left
}

.row-plan .col-1 {
	width: 245px;
	position: relative;
	margin-right: 22px;
	display: block;
	overflow: hidden
}

.row-plan .col-1 .title {
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	color: #3372a2;
	max-width: 100%;
	_width: 238px;
	display: inline-block;
	vertical-align: middle
}

.row-plan .col-1 .tech-link {
	padding: 8px 0
}

.row-plan .col-1 .teacher, .row-plan .col-1 .qun-icon {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 17px;
	max-width: 127px;
	width: auto;
	font-size: 12px;
	color: #3372a2;
	vertical-align: top
}

.row-plan .col-1 .academy {
	width: 115px;
	color: #3372a2
}

.row-plan .col-1 .qun-icon {
	padding-left: 20px;
	position: relative
}

.row-plan .col-1 .qun-icon i {
	position: absolute;
	left: 0;
	top: 0;
	*top: 2px;
	width: 16px;
	height: 16px;
	background-position: 0 -278px
}

.row-plan .col-1 .title:hover, .row-plan .col-1 .teacher:hover,
	.row-plan .col-1 .academy:hover, .row-plan .col-1 .qun-icon:hover {
	color: #039ae3
}

.row-plan .col-1 .cycle-info {
	margin-top: 10px;
	color: #999;
	position: relative
}

.row-plan .col-1 .cycle-info .i-calendar {
	top: 4px;
	left: 0;
	width: 18px;
	height: 14px;
	background-position: 0 -262px;
	padding-right: 4px;
	margin-top: -2px;
	_margin-top: 2px;
	display: inline-block;
	vertical-align: middle
}

.row-plan .col-1 .cycle-info .cycle-info-text {
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	vertical-align: top;
	left: 23px;
	position: absolute
}

.row-plan .col-2 {
	width: 180px;
	position: relative;
	color: #666;
	padding-right: 15px
}

.row-plan .col-2 .bar-tip {
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	color: #fff;
	background: #039ae1;
	border-radius: 2px;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.row-plan .col-2 .col-2-content {
	margin-top: 5px
}

.row-plan .col-2 .col-2-desc {
	margin-top: 26px;
	text-align: right
}

.row-plan .col-2 .bar, .row-plan .col-2 .inner-bar {
	height: 6px;
	border-radius: 4px
}

.row-plan .col-2 .bar {
	background: #d3d3d3;
	width: 100%
}

.row-plan .col-2 .inner-bar {
	background: #039ae1;
	width: 100px;
	position: relative
}

.row-plan .col-2 .bar-ends {
	color: #666;
	margin-top: 6px
}

.row-plan .col-2 em {
	color: #e85308;
	font-style: normal
}

.row-plan .col-2 .tri-down {
	width: 0;
	height: 0;
	font-size: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	_border-color: #fff;
	border-top: 4px solid #039ae1;
	position: absolute;
	top: -10px;
	right: -2px
}

.row-plan .col-3 {
	position: relative
}

.row-plan .col-3 .col-3-content1 {
	margin-top: 18px;
	width: 156px;
	text-align: right;
	position: absolute;
	top: 65px;
	left: -170px
}

.row-plan .col-3 .col-3-content2 {
	margin-top: 27px;
	width: 156px;
	_width: 130px;
	text-align: right;
	position: absolute;
	top: 58px;
	left: -170px
}

.row-plan .col-3 .discuss {
	vertical-align: top;
	font-size: 14px;
	line-height: 13px;
	color: #3372a2
}

.row-plan .col-3 .discuss:hover {
	color: #039ae3
}

.row-plan .col-3 .btn-primary {
	position: relative;
	width: 73px;
	height: 27px;
	line-height: 27px;
	background: #039ae1
}

.row-plan .col-3 .btn-primary .loading-dot {
	position: absolute
}

.row-plan .col-3 .btn-6 {
	font-size: 14px;
	padding-left: 8px;
	padding-right: 9px
}

.row-plan .col-4 {
	clear: left;
	margin-left: 237px;
	_margin-left: 120px;
	margin-top: -20px;
	width: 285px;
	_width: 285px;
	border-top: 1px solid #eee;
	*zoom: 1
}

.row-plan .col-4 .cycle-info-item {
	display: none;
	margin-bottom: 8px;
	color: #999
}

.row-plan .col-4 .cycle-info-control {
	margin-top: 6px;
	margin-bottom: 6px;
	*zoom: 1
}

.row-plan .col-4 .cycle-info-control a {
	color: #3372a2;
	cursor: pointer;
	vertical-align: top
}

.row-plan .col-4 .cycle-info-control-step {
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px;
	color: #eee
}

.row-plan .col-4 .cycle-info-control-step-hide {
	display: none
}

.row-plan .col-4 .cycle-info-control-arrow {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	width: 0;
	height: 0;
	vertical-align: top;
	border-width: 6px;
	margin-top: 6px;
	*zoom: 1;
	border-style: solid dashed dashed;
	border-color: #3673a2 transparent transparent
}

.row-plan .col-4 .cycle-info-control-expand .cycle-info-control-arrow {
	margin-top: -1px;
	border-color: transparent transparent #3673a2;
	border-style: dashed dashed solid
}

.row-plan .col-4 .i-calendar {
	width: 18px;
	height: 14px;
	background-position: 0 -262px;
	padding-right: 4px;
	margin-top: -2px;
	display: inline-block;
	vertical-align: middle
}

.row-plan .cycle-info-expanded .cycle-info-item {
	display: block
}

.mycourse-clock {
	width: 575px
}

.mycourse-clock .tips-bd {
	padding: 30px 30px 0 80px
}

.mycourse-clock .mycourse-clock-des {
	margin-bottom: 25px;
	font-size: 12px
}

.mycourse-clock .part-form {
	height: 100%
}

.mycourse-remind {
	width: 575px
}

.mycourse-remind .tips-bd {
	padding: 30px 30px 0 80px;
	min-height: 300px;
	_height: 300px
}

.mycourse-remind .mycourse-remind-title {
	margin-bottom: 20px;
	font-size: 16px
}

.mycourse-remind .mycourse-remind-title-name {
	display: inline-block;
	vertical-align: middle;
	max-width: 320px;
	vertical-align: top
}

.mycourse-remind .mycourse-remind-dl {
	margin-top: 18px
}

.mycourse-remind .mycourse-remind-dt {
	padding-left: 10px;
	margin-bottom: 3px
}

.mycourse-remind .mycourse-remind-dt-rol1, .mycourse-remind .mycourse-remind-dt-rol2,
	.mycourse-remind .mycourse-remind-dt-rol3 {
	display: inline-block;
	vertical-align: middle
}

.mycourse-remind .mycourse-remind-dt-rol1 {
	color: #999;
	width: 66px
}

.mycourse-remind .mycourse-remind-dt-rol2 {
	width: 175px
}

.mycourse-remind a.mycourse-remind-dt-rol3 {
	cursor: pointer
}

.mycourse-remind .mycourse-remind-public {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 90px;
	_width: 96px;
	vertical-align: top;
	cursor: pointer
}

.mycourse-remind .mycourse-remind-public:hover .mycourse-remind-public-cover
	{
	display: block
}

.mycourse-remind .mycourse-remind-public-avatar {
	margin-top: 2px;
	margin-right: 6px
}

.mycourse-remind .mycourse-remind-public-cover {
	display: inline-block;
	vertical-align: middle;
	display: none;
	position: absolute;
	top: -48px;
	left: 90px;
	height: 124px;
	width: 152px
}

.mycourse-remind .mycourse-remind-public-cover-avatar {
	display: inline-block;
	vertical-align: middle;
	margin-left: 26px;
	padding: 16px;
	font-size: 0;
	line-height: 0;
	border: 1px solid #00f;
	background: #fff
}

.mycourse-remind .mycourse-remind-public-cover-arrow, .mycourse-remind .mycourse-remind-public-cover-arrow-outer
	{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 51px;
	width: 0;
	height: 0;
	border-width: 10px 13px;
	border-color: transparent #00f transparent transparent;
	border-style: dashed solid dashed dashed
}

.mycourse-remind .mycourse-remind-public-cover-arrow-outer {
	border-color: transparent #fff transparent transparent;
	left: 1px
}

.mycourse-remind .mycourse-remind-nodata {
	margin-left: 32px
}

.mycourse-remind .remindt-bd-title {
	margin-bottom: 5px
}

.mycourse-remind .mycourse-remind-passcard {
	margin-bottom: 10px
}

.mycourse-remind .mycourse-remind-subtitle {
	margin-bottom: 10px
}

.mycourse-remind .mycourse-remind-subtitle li {
	list-style-type: square
}

.mycourse-remind .mycourse-remind-dd {
	padding-left: 10px;
	color: #999
}

.mycourse-remind-p1 .tips-bd {
	min-height: 378px;
	_height: 378px
}

.mycourse-remind-p2 .tips-bd {
	min-height: 420px;
	_height: 420px
}

.mycourse-remind-p3 .tips-bd {
	min-height: 464px;
	_height: 464px
}

.release .att-cont {
	margin-bottom: 50px;
	min-height: inherit
}

.release .release-settings {
	margin: 0 30px 80px 0
}

.release .release-settings .checkbox {
	margin-top: 24px;
	font-size: 14px
}

.release .action-expand-settings {
	font-size: 14px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.release .action-settings-tips {
	width: 205px
}

.release .release-settings-cont {
	display: none
}

.release .release-settings-cont-expand {
	display: block
}

.jgm-table {
	width: 100%
}

.jgm-table th {
	height: 34px;
	line-height: 34px;
	color: #999;
	font-size: 14px;
	text-indent: 20px;
	background: #f8f8f8;
	border-bottom: 1px solid #eee
}

.jgm-table td {
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	color: #545454;
	text-indent: 20px
}

.jgm-table .jgm-table-desc {
	margin-right: 24px;
	color: #999
}

.jgm-table .jgm-action a {
	margin-right: 20px
}

.jgm-table .fix-td-qname {
	width: 246px
}

.jgm-table .jgm-nodata {
	margin-top: 30px;
	color: #999;
	text-align: center
}

.jgm-table a {
	cursor: pointer
}

.mod-choose-time .mod-choose-time__time {
	max-width: 415px;
	width: auto !important
}

.mod-choose-time ul {
	height: auto
}

.mod-table .mod-table-hd {
	color: #999;
	font-size: 14px;
	background: #f8f8f8;
	border-bottom: 1px solid #eee
}

.mod-table .mod-table-hd-col {
	float: left;
	height: 36px;
	line-height: 36px;
	padding-left: 20px
}

.mod-table .mod-table-bd-col {
	overflow: hidden;
	float: left;
	padding-left: 20px
}

.mod-table .mod-table-bd-row {
	font-size: 14px;
	border-bottom: 1px solid #eee
}

.mod-table .mod-table-bd-nodata {
	padding-top: 50px;
	color: #999;
	font-size: 14px;
	text-align: center
}

.coupon-list .coupon-item-avatar {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 110px;
	height: 64px;
	color: #fff;
	line-height: 1;
	text-align: center;
	border-radius: 3px
}

.coupon-list .coupon-item-avatar:before, .coupon-list .coupon-item-avatar:after
	{
	display: block;
	position: absolute;
	top: 50%;
	width: 6px;
	height: 12px;
	color: #fff;
	content: '●';
	font-size: 25px;
	margin-top: -14px
}

:root .coupon-list .coupon-item-avatar:before, :root .coupon-list .coupon-item-avatar:after
	{
	content: ' ';
	background: #fff;
	margin-top: -6px
}

.coupon-list .coupon-item-avatar:before {
	left: 0;
	margin-left: -8px
}

:root .coupon-list .coupon-item-avatar:before {
	margin-left: 0;
	border-radius: 0 12px 12px 0
}

.coupon-list .coupon-item-avatar:after {
	right: 0;
	margin-right: 3px
}

:root .coupon-list .coupon-item-avatar:after {
	margin-right: 0;
	border-radius: 12px 0 0 12px
}

.coupon-list .coupon-item-avatar-title {
	padding-top: 3px;
	font-size: 12px
}

.coupon-list .coupon-item-avatar-grey {
	background: #ccc
}

.coupon-list .coupon-item-avatar-orange {
	background: #f7b13d
}

.coupon-list .coupon-item-avatar-red {
	background: #d7443d
}

.coupon-list .coupon-item-avatar-money {
	display: inline-block;
	font-size: 34px;
	vertical-align: top;
	position: relative;
	font-weight: 700;
	font-family: arial
}

.coupon-list .coupon-item-avatar-money:before {
	content: '￥';
	font-weight: 100;
	position: absolute;
	font-size: 14px;
	top: 4px;
	left: -12px;
	font-family: "Hiragino Sans GB", "Microsoft Yahei", arial, \5b8b\4f53,
		"Helvetica Neue", Helvetica, STHeiTi, sans-serif
}

.coupon-list .coupon-money--small {
	font-size: 30px
}

.coupon-list .coupon--nolimit .coupon-item-avatar-title {
	padding: 6px 0 4px
}

.coupon-list .coupon-item-avatar-limit {
	font-size: 10px
}

.coupon-list .coupon-item-avatar-text {
	display: inline-block;
	margin-top: 18px;
	vertical-align: top;
	font-size: 12px
}

.coupon-list .coupon-item-info {
	margin-top: 25px
}

.coupon-list .coupon-item-info p {
	line-height: 24px;
	width: 208px
}

.coupon-list .coupon-item-info p a {
	color: #3672a2
}

.coupon-list .coupon-item-info-grey {
	color: #999
}

.coupon-list .coupon-item-info-course {
	display: inline-block;
	vertical-align: middle;
	max-width: 208px;
	_width: 208px
}

.coupon-list .coupon-item-info-agency {
	color: #666
}

.coupon-list .coupon-item-info-agency-link {
	display: block;
	padding-top: 16px;
	color: #3672a2
}

.coupon-list .coupon-item-time {
	margin-top: 27px;
	color: #666
}

.coupon-list .coupon-item-time p {
	line-height: 24px
}

.coupon-list .mod-table-bd-col .mod-table-col--middle {
	height: 50px;
	line-height: 50px
}

.coupon-list .coupon-item-time-tips {
	color: #e85308
}

.coupon-list .coupon-item-time-notips {
	padding-top: 14px
}

.coupon-list .coupon-item-action {
	margin-top: 40px
}

.coupon-list .coupon-item-action a, .coupon-list .coupon-item-action span
	{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px
}

.coupon-list .coupon-item-action a {
	color: #3672a2;
	cursor: pointer
}

.coupon-list .coupon-item-action span {
	color: #999
}

.pkg-icon-flag {
	display: inline-block;
	background:
		url(//9.url.cn/edu/user/index/lego_modules/edu-ui/0.0.1/img/bg/index-sprite3_00c6fcb.png#unsprite)
		-29px -160px no-repeat;
	width: 39px;
	height: 18px;
	vertical-align: middle
}

.page-ctrl-wrap {
	padding: 30px 0
}

.grid-wrap .grid-page-wrap {
	margin: 0;
	padding: 30px 0
}

.mod-course-banner__price span {
	font-size: 14px
}

.mod-course-banner__price .fontsize-22 {
	font-size: 22px
}

.raw-price {
	text-decoration: line-through
}

.raw-price-range {
	color: #999;
	padding-left: 10px
}

#js_coupon_list .nodata-info {
	padding-left: 290px
}

.sort-video-page {
	margin-top: 30px
}

#js_con_video .mod-course-card_list {
	width: 742px;
	margin: 0 auto
}

.privilege-checkbox {
	height: auto;
	line-height: 25px
}

.privilege-checkbox i {
	top: 7px
}

.tips .tips-bd {
	overflow: visible
}

.loading {
	display: none;
	margin-bottom: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #e5e5e5
}

.loading .loading-dot {
	font-size: 20px
}

.index-manager-hovertips {
	position: absolute;
	border: 1px solid #e9e9e9;
	box-shadow: 0 3px 6px #e9e9e9;
	z-index: 99;
	background: #fff
}

.index-manager-hovertips p {
	padding: 10px
}

.index-manager-hovertips:before {
	border-bottom: 6px solid #e9e9e9;
	border-left: 6px dashed transparent;
	border-right: 6px dashed transparent;
	position: absolute;
	top: -6px;
	left: 6px
}

.index-manager-hovertips:after {
	border-bottom: 4px solid #fff;
	border-left: 4px dashed transparent;
	border-right: 4px dashed transparent;
	position: absolute;
	top: -4px;
	left: 8px
}